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

Question

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

Answer 1

看看演示

使用的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;
}

您也可以查看此页面我创建了类似的效果

注意:

这box-shadow是CSS3属性意味着它不能在IE <8中工作,但你可以使用像CSS3PIE这样的东西来获得支持,即使在IE中 :)