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

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但是没有;因为我们在BrowserMode上工作: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(无兼容模式).

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

Answer 2

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

如果您想摆脱关闭小部件,您唯一的选择是切换到标准模式.

在IE10页面中有很多CSS中断,所以使用IE=Edge现在不是一个可行的解决方案(将来可能会在所有css修复后使用,但我不会在将来看到这个).

所以我想这归结为你想要摆脱X小部件的糟糕程度.如果它让你感觉不好,那么你将不得不咬紧牙关,修复你的CSS,然后切换到标准模式.

否则,你只需要活它.

抱歉.