输入焦点外发光

Question

是否可以模拟safari和其他浏览器添加到输入字段的外部光晕？如果可能的话，避免使用jquery？

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

由于

Answer 1

Check out the DEMO 此处box-shadow与:focus伪选择器结合使用。

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

Answer 2

如果您想完全按照webkit浏览器上的显示进行模拟，可以使用CSS3 Box shadow :focus pseudo class，但请注意并非所有浏览器都支持CSS3。

Answer 3

你可以用css：

来做

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

这是html：

<input />
<br/>
<br/>
<input />