如何取消chrome/safari/百度浏览器浏览器下默认输入框样式？
类别：新手问答 贡献者：admin 总点击：3041 受欢迎度：10 更新日期：2015年12月09日
简介：如何取消chrome/safari/百度浏览器浏览器下默认输入框样式？chrome/safari/百度浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。.
-
如何取消chrome/safari/百度浏览器浏览器下默认输入框样式？
我们发现，chrome/safari/百度浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。
现将取消输入框默认样式的方法/步骤如下：
1. 取消chrome下input和textarea的聚焦边框：
input,button,sel ect,textarea{outline:none}
2. 取消chrome下textarea可拖动放大：
textarea{ resize:none; }
3. 最后，写在一起，重置input和textarea的默认样式：
input,button,sel ect,textarea{outline:none}textarea{resize:none}
4. ok，问题解决，好像safari下也是有这些默认样式的，加这个也能同样取消。
做网页(zuowangye.com)补充本知识点暨快乐评论此文章:'如何取消chrome/safari/百度浏览器浏览器下默认输入框样式？.'
鄂公网安备 42010402000280号