更改backgroundColor更改边框

Question

在IE7中，单击下面的文本框会将边框更改为插图。
它在最新的FireFox中运行良好，但在v3.0.10中却无法运行

<html>
<head></head>
<body>
   <input type="text" readonly="readonly" value="hello" onclick="this.style.backgroundColor='white';" />
</body>
</html>

奇怪的怪癖。
对于使用IE8的用户，是否已解决？
我的解决方法是使用this.style.border =“ 1px纯黑；”重置边框。

Answer 1

我测试过的浏览器：Opera 10.70，Firefox 3.6.9，IE 8.0更改为插图。 Webkit（Chrome 5.0.375.70和Safari 5.0.2）也将更改为插图，但仅当要设置的颜色不同于当前颜色时才更改。

每个浏览器的控件都有不同的外观，我称其为默认外观。 您可以自定义控件（例如，更改其背景的颜色），然后将其更改为可定制的外观。 它将其属性更改为可由CSS编辑的标准属性，在每个浏览器上看起来应该相同。 可定制外观的input-type = text的边框样式的默认属性为“插入”。

类似的机制会影响自定义滚动条。 如果设置颜色，则滚动条将为矩形，因为只有这样它才能被着色。