gpt4 book ai didi

css - IE 10 的 -ms-clear 伪元素和 IE5 怪癖模式

转载 作者:技术小花猫 更新时间:2023-10-29 11:23:08 24 4
gpt4 key购买 nike

我正在开发需要使用 Internet Explorer 的“IE5 Quirks Mode”(使用 X-UA-Compatible: IE=5 设置)的旧版网络应用。

应用程序中的许多文本字段都有(应用程序生成的)“x”按钮来清除内容。在 IE10 中,IE 还会生成一个 'x' 按钮来清除该字段,因此用户会看到其中两个。

this question 中所述,您可以使用 ::-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>

最佳答案

尝试

input::-ms-clear { display: none; }

或者

input::-ms-clear { visibility: hidden; }

黑客攻击可能是使用 margin-right 和 overflow 属性

input { margin-right: -20px; overflow: hidden }

关于css - IE 10 的 -ms-clear 伪元素和 IE5 怪癖模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17196845/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com