删除某些输入上的IE10的“清除场”X按钮?

当然,这是一个有用的功能,但有什么办法可以禁用它吗? 例如,如果表单是一个单独的文本字段,并且它旁边已经有一个“清除”按钮,那么同样拥有X也是多余的。在这种情况下,最好删除它。

它可以完成,如果是这样,如何?


为该框设置::-ms-clear伪元素:

.someinput::-ms-clear {
    display: none;
}

我发现最好将widthheight设置为0px 。 否则,IE10将忽略在字段padding-right上定义的padding-right - 这是为了防止文本输入覆盖在输入字段上的“X”图标。 我猜IE10在内部将输入的padding-right应用于::--ms-clear伪元素,并且隐藏伪元素不会将padding-right值恢复到input

这对我更好:

.someinput::-ms-clear {
  width : 0;
  height: 0;
}

我会将此规则应用于文本类型的所有输入字段,因此以后不需要重复:

input[type=text]::-ms-clear { display: none; }

正如David Cumps指出的那样,通过使用以下方法,甚至可以减少具体情况:

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

在添加这个答案之前,我已经使用过更多的内容,但是认为大多数人会更喜欢比这更具体。 这两种解决方案都很好

链接地址: http://www.djcxy.com/p/70535.html

上一篇: Remove IE10's "clear field" X button on certain inputs?

下一篇: Remove placeholder after type (and not after focus)