首页 > 资讯中心 > 开发修复 > 文章详情

css去掉谷歌浏览器input、textarea、select中黄色边框

摘要: chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,那么怎么去除呢,下面介绍下方法

chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动 放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。这是大前端调整的样式,样式统一就是好看。 

    取消chrome下input和textarea的聚焦边框:input,button,select,textarea{outline:none}

    取消chrome下textarea可拖动放大:textarea{resize:none}

    最后,写在一起,重置input和textarea的默认样式:input,button,select,textarea{outline:none} textarea{resize:none} ok,问题解决,safari下也是有这些默认样式的,加这个也能同样取消。

【本站声明】

  • 1、本网站发布的该篇文章,目的在于分享电商知识及传递、交流相关电商信息,以便您学习或了解电商知识,请您不要用于其他用途;
  • 2、该篇文章中的内容和图片来源网络编辑,如存在版权问题请及时沟通处理。文章观点不代表本网站立场,如需转载请注明原创来源。
ShopWind多用户商城系统是一款可以满足B2B2C、B2B、O2O、B2C、C2C等多种电商模式的商城系统平台源码,覆盖PC端+微商城+小程序+APP,将多端数据打通并同步,并且基于社交电商的用户优势,实现多场景营销,打造一个真正的生态化电商平台。咨询合作和了解系统可联系客户经理微信号:shopwind 。