Question

目前我正在开发一个使用元标记在IE9模式下呈现页面的网站[BrowserMode：IE10，DocMode：IE9标准]

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9" />

在IE10中，页面中有很多CSS中断，因此使用IE=Edge不是现在的可行解决方案（可能将来这将在所有css修复后使用，但我看不到这个不久的将来）。

现在，关键是所有的文本框都有清晰的按钮。在一个文本框中我们不需要那个交叉（因为我们已经有一个远离文本框的自定义（x）按钮）。

我尝试了::-ms-clear，但那并没有像我们在浏览器模式上那样工作：IE10和DocMode：标准。现在可以做些什么来删除'X'。

Answer 1

我终于设法解决了这个问题。显然，如果您将height和line-height设置为0，将padding-top和padding-bottom设置为文本框高度的一半，那么这个非常棒的'X'将不再显示。至少这对我有用。

这是代码笔： http://codepen.io/rjuyal/pen/iGKnI

摘自代码

.gen{
                margin: 10px;
                margin-top: 40px;

                box-shadow: inset 1px 2p 0 rgba(200, 100,10, 0.2 );
                font-size: 16px;

                width: 400px;
                line-height: 18px;
                height:  41px;
                fint-family: 'Lucida Grande' , 'Arial';
                vertical-align: middle;
            }

            .ie10f{
                height: 0px !important;
                line-height: 0px !important;
                padding-top: 22px !important;
                padding-bottom: 22px !important;
            }

你会看到两个文本框，其中一个没有它， X 另一个。最好的部分是，这也隐藏了IE10中的 X （无兼容模式）。

P.S。您必须从开发人员工具手动将DocMode更改为IE9。

Answer 2

我很遗憾成为坏消息的承担者，但这是不可能的。

如果您想摆脱关闭的小部件， only 选项将切换到标准模式。

在IE10中，页面中有很多CSS中断，因此使用IE=Edge不是现在的可行解决方案（可能将来这将在所有css修复后使用，但我看不到这个不久的将来）。

所以我想这可归结为你想要摆脱X小部件的严重程度。如果它对你不利，那么你将不得不咬紧牙关，修复你的CSS，然后切换到标准模式。

否则，你只需要活下去。

对不起。

如何在兼容模式下从IE10文本框中删除清除按钮（'X'按钮）？

2 个答案: