css - 焦点时如何修改输入文本字段发光的样式？

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/