如何在不更改样式的情况下更改输入边框颜色？

Question

我正在尝试做一些非常简单的事情；更改输入的边框颜色。在 IE11 和最新的稳定版 Chrome 中，更改颜色也会更改其外观（显示为 3D/更厚）：

如果我尝试“1px solid red”，那么边框看起来是一样的，但大小会发生变化！

1. 为什么改变颜色似乎不仅仅是改变颜色
2. 我怎样才能改变颜色而不改变其他任何东西（样式、厚度、间距、大小等）？

我试过弄乱边框宽度和其他属性，但它们都没有导致与默认值完全相同的大小/间距，只是颜色发生了变化:(

（请在发布之前在 JSFiddle 中尝试您的更改......很多人发布错误答案然后删除它们！http://jsfiddle.net/S2TxT/4/）

<input type="text" value="Default" />
<input type="text" style="border: 1px solid red" />

Answer 1

在 IE11 和 Chrome 中，这让我找到了匹配的框。

至于为什么......浏览器将是浏览器？

<input type="text" value="Default" />
<input type="text" value="Default" style="padding: 2px 1px; border: 1px solid red" />

http://jsfiddle.net/S2TxT/11/

编辑

经过进一步调查，很明显为什么会发生这种情况：http : //jsfiddle.net/S2TxT/18/