您的位置:首页 > Web前端 > CSS

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

2014-12-30 11:00 501 查看
最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动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());} ,嘿嘿,是不是很简单啊!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: