去除chrome的表单textarea默认样式

chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以要去除这些chrome表单默认样式。

取消chrome下input和textarea的黄色聚焦边框:

input,button,select,textarea{outline:none}

取消chrome下textarea可拖动放大:

textarea{resize:none}

也可以用webkit的私有属性,去除input默认样式

-webkit-appearance:none;

它还能用来调用显示浏览器对各种控件的默认样式,比如:

<span style="-webkit-appearance:button;"> 我是span啊</span>

在chrome下,会显示成一个按钮,不信你试试。

在 “去除chrome的表单textarea默认样式” 上有 1 条评论

发表评论

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据