取消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表单添加的默认的淡黄色背景问题