《双陈记》情侣博客

位置:主页 > 前端设计 > 去掉chrome高亮边框

去掉chrome高亮边框

在折腾新主题的留言框的时候,想让文本框获取焦点的时候整个边框变个色,起到一个高亮的效果。果断使用了focus伪类,加了一个边框,经测试ff正常,在chrome有个默认的黄色高亮边框,看起来不爽啊,然后gg了一下。找到了原因:原来是outline属性的问题。只要设置成outline:none,就ok了。

就这样:input,textarea {outline:none}

去掉默认的链接边框就这样:
a:focus { outline:none;-moz-outline:none;} /*focus为获取焦点的伪类/

附:

定义和用法
outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
注释:轮廓线不会占据空间,也不一定是矩形。
outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性:
outline-color
outline-style
outline-width
如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。



无觅相关文章插件

已经有11位童鞋留言了,还不来盖楼!

  1. 不错啊,来留下脚印 :razz:

  2. 用谷歌浏览器真的不多,感觉不怎么好用啊

  3. 一不小心又学习了,期待你们的新主题

  4. 位于边框边缘的外围,可起到突出元素的作用。
    学到了,学到了!

  5. 不错不错,来逛逛学习!

  6. 朋友圈有人发了一句话:“好女人是所学校。”我想了很久,觉得她说的很对,于是回她:“没错,不花钱就别想上学。”结果她把我拉黑了,为什么。。。 http://url.cn/0SmaM6

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片