输入焦点外发光
是否可以模拟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: