Chrome输入边框为红色

Question

我想使用此css设置：border-color: red;
对于input元素。
但是当我这样做时，它们的指标与默认的镀铬边框不同。

请看这个jsfiddle：
http://jsfiddle.net/79QkJ/2/

在那里你可以看到两个输入字段看起来不同。但唯一可见的区别是红色，就像你想象的那样。

如何以另一种颜色复制输入的默认样式？

Answer 1

默认样式可能看起来像border-width: 1px;但实际上（至少在chrome中）border: 2px inset;。嵌入式样式似乎并不适用于红色。

您可以使用类似

的内容

border-color: 1px solid red;
padding: 2px 1px;

默认填充为1px 0;，因此需要增加到2px 1px。

http://jsfiddle.net/79QkJ/13/

Answer 2

试试这个

输入：焦点， 选择：聚焦， textarea的：专注， 按钮：焦点{     大纲：无; }

Answer 3

不正确使用边框吗？

“border属性是以下各个边框属性的简写：     边框宽度     边框式（必填）     边框颜色 “

• http://www.w3schools.com/css/css_border.asp

让浏览器空间自己思考。

Answer 4

你可以尝试一下：

#red-input {
    border-color: red;
    border-style: solid;
    border-width: 0.1em;
}

或者meta boder属性：

#red-input {
    border: 0.1em solid red;
}

注意我使用“em”作为大小，但你也可以使用“px”。