Nffish's Blog

好记性不如烂笔头

八月 19th, 2009

CSS实现文本框发光,类似chrome和safari

CSS, by Nffish.

像 Chrome, Safari 一样当前输入框发光,将下面的样式添加到 CSS 中就可以了。

input:focus, select:focus, textarea:focus {
outline: 2px solid #ebc476;
-moz-outline-radius: 5px; !important
}

另一个,这段取自Gmail的:

input:focus, select:focus, textarea:focus {
border:2px solid #BBDAFD !important;
margin:0 !important;
outline-color:-moz-use-text-color !important;
outline-style:none !important;
outline-width:0 !important;
}

Back Top

回复自“CSS实现文本框发光,类似chrome和safari”

  1. Opera中发光的框有特殊的意义,弄上这个可能怕会引起Opera访客的误解。

    Reply

  2. 不常用Opera,没发现这个。
    有特殊意义的网页吗?我想看一下效果

    Reply

  3. 不能实现呢…哪里出问题了?
    用的是iE7

    Reply

    Nffish reply on 十二月 30th, 2009 11:54 上午:

    请使用支持web标准的浏览器
    推荐Firefox 3.5

    Reply

  1. 没有任何引用。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*