html - Chrome 输入框为红色

Question

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

请看这个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

试试这个

输入：焦点，选择：焦点，文本区域：焦点，按钮：焦点{大纲：无；}

Answer 3

那不是对边界的错误使用吗？

" 边框属性是以下单个边框属性的简写：border-width 边框样式（必需）边框颜色 "

• 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”。