取消chrome浏览器下input和textarea的默认样式
2017-11-28 08:07
465 查看
[caption id="attachment_602" align="alignright" width="386"] 取消chrome浏览器下input和textarea的默认样式[/caption] 做过前端开发的人应该都遇到过这样的问题,chrome浏览器下的input和textarea在得到焦点的时候会有一个黄色的边框,而且textarea还可以任意拖动放大。这无疑破坏了网页的美观,设计师也会过来找茬。 只要在重置样式表中加入以下代码就可以轻松解决了:
input,button,select,textarea{outline:none} textarea{resize:none}
查看原文:http://lidada.org/chrome_default_style/
相关文章推荐
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式
- textarea取消默认样式
- IOS系统 Input或者textarea Disabled默认样式问题
- 去掉chrome浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小
- chrome/FF/safari浏览器下input和textarea的默认样式outline和resize
- css取消input、select默认样式(手机端)
- 去掉超链接虚线框--去掉chrome浏览器中input或textarea在得到焦点时出现黄色边框和取消可以拖动大小
- chrome浏览器默认样式覆盖input背景
- 屏蔽Chrome(webkit)中的input、textarea的默认点击/聚焦高亮的样式
- 在vue组件的stylus样式总 取消search类型的input按钮中默认样式
- input图片上传取消默认样式
- 去掉谷歌默认的input textarea边框样式
- select、input等默认样式的改变,包含下拉三角
- 关于chrome浏览器-webkit-autofil覆盖input样式问题解决方案
- 一个巧妙地方式改变input的默认样式
- 改变iPhone原有的input,textarea样式