如何在焦点上的场中发光?

时间:2010-12-26 16:37:34

标签: html css forms

我注意到有些浏览器会在您选择表单时使某些字段发光,Chrome会让它们呈现黄色光晕。你怎么让场发光?我相信这是你在代码上松散指定的东西,因为不同的浏览器会做不同的颜色。这是如何运作的?有一种简单的方法可以做到吗?

1 个答案:

答案 0 :(得分:12)

Check out the demo


使用的CSS:

input:focus,textarea:focus,select:focus{
 border:1px solid #fafafa;
 -webkit-box-shadow:0 0 6px #007eff;
 -moz-box-shadow:0 0 5px #007eff;
 box-shadow:0 0 5px #007eff;
}

You can also check out this page i had created similar effect

注意:

box-shadow是CSS3属性,这意味着它在IE< 8中不起作用,但您可以使用CSS3PIE to get the support even in IE之类的内容:)