输入焦点外发光

是否可以模拟safari和其他浏览器添加到输入字段的外部光晕? 并尽可能避免jquery?

本文介绍了如何删除它: http : //www.altrugon.com/css/remove-safaris-input-focus-outer-glowquitar-el-border-azul-de-los-inputs-en-safari/

谢谢

看看DEMO

这里box-shadow:focus psudo selector结合使用。

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; outline: none; } 

如果你想要像在webkit浏览器上显示的那样完全模拟它,你可以使用:focus伪类使用CSS3 Box阴影 ,但请注意所有浏览器都不支持CSS3。

你可以用css做到这一点:

 input:focus { outline:#00FF00 solid thick; } 

这是html: