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

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

做过前端开发的人应该都遇到过这样的问题,chrome浏览器下的input和textarea在得到焦点的时候会有一个黄色的边框,而且textarea还可以任意拖动放大。这无疑破坏了网页的美观,设计师也会过来找茬。

只要在重置样式表中加入以下代码就可以轻松解决了:

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