取消chrome浏览器下input和textarea的默认样式

Posted 左边

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了取消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}

以上是关于取消chrome浏览器下input和textarea的默认样式的主要内容,如果未能解决你的问题,请参考以下文章

取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法

Chrome浏览器取消INPUT自动记忆下拉框

解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题

移动端默认样式重置

去掉谷歌浏览器获取焦点时默认的inputtextarea的边框和背景

chrome如何取消自动升级