Html 如何在聚焦时获得光晕？

我注意到一些浏览器在选择表单时会使某些字段发光，例如，Chrome会使它们发光。你如何使一个领域发光？我相信这是您在代码中随意指定的内容，因为不同的浏览器使用不同的颜色。这是怎么回事？有没有一个简单的方法我可以做到这一点

---

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

注意：

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属性，这意味着它在ieretaged中不起作用，因为这与PHP无关，与CSS有关：）在Chrome中，这个演示获得了一个奇怪的双发光边框。在IE9中，它会弄乱边距，我想是因为IE9表单元素还没有边框。我只测试了两种浏览器，我并不奇怪这么小的CSS不能很好地工作。上面的“查看此页面”链接指向一个过期的域。