我正在处理一个老的Web应用程序,需要使用Internet Explorer的“IE5 Quirks模式”(使用X-UA-Compatible:IE = 5
设置)。
应用程序中的许多文本字段都有(应用程序生成的)“x”按钮来清除内容。在IE10中,IE也会生成一个“x”按钮来清除字段,因此用户会看到两个“x”按钮。
如此问题所讨论的,您可以使用::-ms-clear
CSS伪元素删除IE生成的“x”。不幸的是,在IE5 Quirks模式下,这似乎无效: ::-ms-clear
伪元素的样式显示为:unknown
,并且IE生成的“x”仍然出现。
除了重写应用程序以使用现代浏览器模式之外,还有没有其他方法可以摆脱IE生成的“x”?
以下是在IE10下运行IE5 Quirks模式时重现问题的测试页面:
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=5">
<style type="text/css">
::-ms-clear { width: 0; height: 0; }
</style>
</head>
<body>Enter some text:<input></body>
</html>
* {box-sizing:border-box;}
,标准模式就会切换到使用旧的怪异模式盒模型而不会出现问题。除此之外,在怪异模式下还有什么阻止您摆脱它的因素——也许我们可以帮助您解决这个问题,而不是试图帮助您继续生活在上世纪90年代。 - Spudleybox-sizing
属性的提示 - 我之前并不熟悉。 - Aron