在写登录表单时发现,密码输入框input type=password 会默认带一个小眼睛,点击小眼睛可以查看到密码。

因为我自己写了一个显示密码的小眼睛,所以这个眼睛不需要了。这时怎么清楚呢?
利用下面的css即可:

/* 清楚密码框的眼睛 */
::-ms-reveal {
display: none;
}

::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。

另外,input 当type=“text”时,右边会有一个小叉叉,可以用下面的代码

::-ms-clear {
display: none;
}