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

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"/>

我相信“inset”是许多浏览器用于文本输入的默认设置。