IE浏览器下,在input密码框中输入密码后,input框右侧会出现一个小眼睛,用鼠标一点就可以看到密码原文

用户名:<input type="text"><br><br>
密码名:<input type="password">

wKiom1gULy2RGnWrAAAaXOsWGgI040.png


为了去掉这个样式,我们可以使用一小段CSS代码:

input::-ms-clear{display:none;}/*上篇提到过,删除文本框中的叉号*/
input::-ms-reveal{display:none;} /*删除密码框中的小眼睛*/

wKioL1gUMJ_Q1aAjAAAeWc23e60002.png

当然,跟上篇介绍文本框中的叉号一样,这两个属性都只对IE10+以上的浏览器有效,IE9及以下均无效