在IE 10+的浏览器上,输入框在输入的时候会出现图上的效果,为了保持样式统一,需要去掉这些浏览器默认样式。
input::-ms-clear { display: none;}
input::-ms-reveal { display: none;}
更加准确一点的
input[type="password"]::
-ms-clear
{ display: none;}
input[type="password"]::
-ms-reveal
{ display: none;}
或者是定义一个class
.clear
::
-ms-clear
{ display: none;}
.clear
::
-ms-reveal
{ display: none;}
然后使用
<input type="password" name="pwd" id="pwd" class="clear">