输入焦点外发光

use*_*365 4 html css jquery

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

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

谢谢

Sar*_*raz 21

查看演示

这里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;
}
Run Code Online (Sandbox Code Playgroud)