如何使所有边框颜色相同？

Question

我有一个简单的表单，文本字段我尝试使用相同颜色的边框。由于某种原因，左边框和上边框的颜色略有不同，这似乎是某种阴影。我该如何摆脱它？

我使用这个（相关的）CSS来设置文本字段的样式：

input[type="text"] {
    border-color: red;
    border-width: 2px;
}

结果如下：

我也试过添加这段代码，但没有运气：

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

任何帮助将不胜感激。谢谢！

Answer 1

添加border-style:solid;

input[type="text"] {
    border-color: red;
    border-width: 2px;
    border-style:solid;
}

<input type="text"/>

我认为“插入”是许多文本输入浏览器的默认设置。

Answer 2

这是由于您的浏览器应用了默认输入样式，将border-style设置为inset。您可以通过将CSS更改为：

来获得所需的样式，并简化CSS规则

＆＃13;

＆＃13;

input[type="text"] {
  border:2px solid red;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;