HTML 输入默认 chrome 边框颜色覆盖 CSS 不起作用

Question

只有当我使用完整的边界声明时它才有效。 不工作:

border-color: red;

工作:

border: 1px solid red;

代码示例:

/* Styles go here */

.example1 {
  border-color: red; /* not good */
}

.example2 {
  border: 1px solid red; /* works well */
}

 <input class="example1">
  <br>
  <br>
  <input class="example2">

Answer 1

为了以这种方式使用border-color，您需要设置宽度和样式:

border-color: red;
border-style: solid;
border-width: 15px;

或者，您可以设置 border: 1px solid blue;，然后使用 border-color: red; 仅覆盖颜色。这行得通，但这只是因为已经设置了宽度和样式。