如何在聚焦时修改输入文本字段的发光样式？

Question

如何在聚焦时修改样式或删除输入文本字段的光晕？我正在使用铬。我试过边框和阴影，但没有改变。感谢

http://jsfiddle.net/FNZD6/2/

input[type="text"]:focus.normal100{


}

Answer 1

您可以使用此规则从所有输入中删除大纲“发光”：

input {
    outline: none;
}

演示：http://jsfiddle.net/FNZD6/3/

Answer 2

那是outline，它是一个CSS3属性。 （http://www.w3schools.com/css/css_outline.asp）

input[type="text"]:focus{
    outline: red dotted;
}

您可以采用与border

类似的方式设置样式

演示：http://jsfiddle.net/FNZD6/4/