侧边栏壁纸
  • 累计撰写 30 篇文章
  • 累计创建 40 个标签
  • 累计收到 3 条评论

去除密码框的小眼睛

kiko
2020-09-16 / 0 评论 / 0 点赞 / 229 阅读 / 241 字
温馨提示:
本文最后更新于 2022-02-26,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

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

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

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

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

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

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

评论区