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 solid black;”

重置边框

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的border-style的默认属性是“inset”。

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