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/