删除某些输入上的IE10的“清除场”X按钮?
当然,这是一个有用的功能,但有什么办法可以禁用它吗? 例如,如果表单是一个单独的文本字段,并且它旁边已经有一个“清除”按钮,那么同样拥有X也是多余的。在这种情况下,最好删除它。
它可以完成,如果是这样,如何?
为该框设置::-ms-clear
伪元素:
.someinput::-ms-clear {
display: none;
}
我发现最好将width
和height
设置为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?