取消chrome浏览器下input和textarea的默认样式
2014-12-30 11:00
501 查看
最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。
看代码:
取消chrome,Safria下input和textarea的聚焦边框:
取消chrome下textarea可拖动放大:
最后,写在一起,重置input和textarea的默认样式:
看代码:
取消chrome,Safria下input和textarea的聚焦边框:
input,button,select,textarea{outline:none}
取消chrome下textarea可拖动放大:
textarea{resize:none}
最后,写在一起,重置input和textarea的默认样式:
input,button,select,textarea{outline:none} textarea{resize:none}
去掉超级链接被点击后留下的虚线
另外超级链接点击后会出现虚线边,这样看着也不够美观,其实只需加入下样式就可以整体去掉网站中a标签的虚线的, a,a:hover{outline: none;blr:expression_r(this.onFocus=this.blur());} ,嘿嘿,是不是很简单啊!
相关文章推荐
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式
- 去掉谷歌默认的input textarea边框样式
- 屏蔽Chrome(webkit)中的input、textarea的默认点击/聚焦高亮的样式
- input图片上传取消默认样式
- textarea取消默认样式
- 去掉chrome浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小
- chrome浏览器默认样式覆盖input背景
- IOS系统 Input或者textarea Disabled默认样式问题
- 去掉超链接虚线框--去掉chrome浏览器中input或textarea在得到焦点时出现黄色边框和取消可以拖动大小
- chrome/FF/safari浏览器下input和textarea的默认样式outline和resize
- css取消input、select默认样式(手机端)
- 在vue组件的stylus样式总 取消search类型的input按钮中默认样式
- 通过样式调整input 中password text默认长度
- 关于chrome浏览器-webkit-autofil覆盖input样式问题解决方案
- css基础2-标准文档流、透明度、禁止拖动textarea、去掉input外边框、图片默认边框
- 在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法