Question

http://jsfiddle.net/fj5u5Lk3/

<input type="text"></input>

在焦点上，默认情况下，此字段会显示蓝色边框。我在哪里可以找到它的默认值和颜色代码？我想添加自己的，但它会被覆盖。我想删除它，但后来想要重新添加它，并且无法知道默认值。

Answer 1

您可以使用input[type="text"]:focus：

input[type="text"]:focus {
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border:1px solid #5AB0DB;
}
input[type="text"]:focus:hover {
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border:1px solid #5AB0DB;
    border-radius:0;
}

<input type="text"></input>

Answer 2

它被称为大纲属性。你可以设置

outline: 0px;

禁用它。并且，例如

p {
    outline-style: dotted;
    outline-color: #00ff00;
}

对于某些属性。您可以在此处阅读：http://www.w3schools.com/cssref/pr_outline-color.asp或只搜索“outline css property”

输入默认CSS

2 个答案: