Remove IE10's "clear field" X button on certain inputs?
It's a useful feature, to be sure, but is there any way to disable it? For instance, if the form is a single text field and already has a "clear" button beside it, it's superfluous to also have the X. In this situation, it would be better to remove it.
Can it be done, and if so, how?
为该框设置::-ms-clear伪元素：
.someinput::-ms-clear {
display: none;
}
I found it's better to set the width and height to 0px . Otherwise, IE10 ignores the padding defined on the field -- padding-right -- which was intended to keep the text from typing over the 'X' icon that I overlayed on the input field. I'm guessing that IE10 is internally applying the padding-right of the input to the ::--ms-clear pseudo element, and hiding the pseudo element does not restore the padding-right value to the input .
This worked better for me:
.someinput::-ms-clear {
width : 0;
height: 0;
}
I would apply this rule to all input fields of type text, so it doesn't need to be duplicated later:
input[type=text]::-ms-clear { display: none; }
As pointed out by David Cumps, one can even get less specific by using just:
::-ms-clear { display: none; }
I have used the later even before adding this answer, but thought that most people would prefer to be more specific than that. Both solutions work fine.
链接地址: http://www.djcxy.com/p/70536.html上一篇: 占位符属性的不同行为