IE下input密码框右侧的小眼睛

IE下input密码框右侧的小眼睛

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

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

IE下input密码框右侧的小眼睛


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

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

IE下input密码框右侧的小眼睛

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