输入焦点外发光

Question

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

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

谢谢

Answer 1

查看演示

这里box-shadow与:focuspsudo选择器结合使用.

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;
}