luda 今天写登录页的时候发现了奇怪的现象。在input框中输入密码后，后面会出现眼睛图标(我没有使用此功能)。单击图标将显示input框的密码，再次单击将继续隐藏input框的密码。“显示密码”按钮允许用户确认输入内容并防止密码输入错误。但是，只有在开始输入时，才会显示此密码显示按钮，如果鼠标离开输入框，则会自动隐藏。如果重新聚焦输入框输入，则不会再次显示；删除输入后必须重新输入，才会触发“显示密码”按钮。这个用户体验不太友好，也没有改变chrome浏览器测试的时候。(郁闷.)。
发现问题
通过对各种浏览器的测试，我们发现这种情况主要发生在IE、Edge和IE兼容模式下，没有出现Chrome、FireFox、Opera、Safari等浏览器。后来，在互联网上，微软表示，为了提高用户在触摸屏上使用浏览器的体验，它优化了用户输入操作。input标签上出现“快速清除”按钮(类型=“文本”中出现x图标，IE是，没有Edge)和“显示密码文本”按钮(类型=“密码”)，但是这个体验不是很熟悉，如果您在项目中设计了密码查看模式，则会与浏览器默认图标重叠。
禁用Input默认图标
主流浏览器的种类很多，当然想统一设计风格。所以一般来说，密码查看功能是我们在项目中自己开发的，微软这个功能反而会给我们造成冲突，能关闭这个功能吗？幸运的是，Microsoft在向浏览器添加此功能的同时，还提供了相应的CSS特定属性。可以通过CSS中的双伪类清除input特定图标。目前只有IE浏览器支持这种双伪类，因此无需指定input即可实现。
/*清除文本输入框中的清除图标*/
Input:3360-ms-clear {
Display: none
}
/*清除密码输入框中的纯文本图标*/
Input :3360-ms-reveal {
Display: none
}
//-或-
:3360-ms-clear、3360-ms-reveal { display 3360 none；}