取消chrome输入框高光的办法

作者:kun10 发布时间:February 7, 2010 分类:CSS

一直用typecho,用着用着,发现自己的系统的输入框总和高手们的有不一样,一看输入框,chrome下面带的高亮框怎么没有了。以前曾经费劲心机想去掉的。于是在系统的css文件一点点的寻找。终于在reset文件里面找到可疑的这一段

/* remember to define focus styles! */
:focus {
	outline: 0;
}

这一段就可以去掉chrome的输入框有焦点时的高光,没想到就这么简单。
----------- added on 11th Feb 2010 --------
同样的方法可以去掉超级链接的虚线外框来着,IE8, FF3+, Opera, Chrome等都支持(感谢Mac)
--------------------------------
记一记免得自己忘掉。

标签: chrome, 取消默认样式

已有 5 条评论 »

  1. Mac Mac February 11th, 2010 at 01:18 pm

    CSS3,同样的方法可以去掉超级链接的虚线外框来着~
    IE8, FF3+, Opera, Chrome等都支持

    1. kun10 kun10 February 11th, 2010 at 03:29 pm

      哦,呵呵,学习了~~

  2. wahyle wahyle May 17th, 2010 at 08:41 pm

    不错,正需要这个。
    还有我的输入框border是5px,设置padding: 4px 0 4px 0;在IE8、FF下输入都是上下居中的,chrome下却是偏下,不知道该怎么改。

    1. kun10 kun10 May 17th, 2010 at 08:52 pm

      哦?demo可以发我邮箱,空的时候偶也想看看呢。多多交流

  3. JASKNi JASKNi November 1st, 2011 at 11:21 pm

    通过这个解决,感谢。

添加新评论 »

captcha
请输入验证码