【浏览器兼容性】如何隐藏微软的ie和edge浏览器密码输入框的小眼睛

如果用了element-ui的show-password后再出现浏览器自带的小眼睛的话会感觉特别奇怪

如何复现
经过我多次试验，发现当第一次光标聚焦在密码输入框时才出现，之后就聚焦就不会再现小眼睛了，edge和ie浏览器都有

试验版本：IE(11.1016.18362.0）和 edge(85.0.564.41)

查看edge代码审查，发现有微软自己写的样式

解决方案

/*取消微软浏览器的密码小眼睛样式*/
input[type="password"]::-ms-reveal {display: none;
}

输入信息后，自己写得样式会生效，如下：

生效的css:

完整代码示例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>input[type="password"]::-ms-reveal {display: none;}   </style></head>
<body><input type="password"/>
</body>
</html>

【浏览器兼容性】如何隐藏微软的ie和edge浏览器密码输入框的小眼睛相关推荐

ie内核浏览器_[正式版下载] 微软全新 Chrome 内核 Edge 浏览器！原生支持 Chrome 插件扩展...
尽管微软的 Office 和 Windows 10 势头不错,但像 WP 手机.XBox 等方面似乎并未获得预期的成功.而先前为了替代老旧的 IE 浏览器,微软倾力开发的 Edge 也未见起色. 不过 ...
微软官方宣布：Edge 浏览器将采用 Chromium 内核
整理自:开源中国社区.cnBeta.COM.前端之巅 https://www.oschina.net/news/102458/goodbye-edgehtml https://www.cnbeta.c ...
ntko跨浏览器插件_继泄露版后，微软全新 Chrome 内核 Edge 浏览器你都测试过了吗？...
尽管微软的 Office 和 Windows 10 势头不错,但像 WP 手机.XBox 等方面似乎并未获得预期的成功.而先前为了替代老旧的 IE 浏览器,微软倾力开发的 Edge 也未见起色. 不过 ...
edge浏览器什么相当于ie的中低_Win10 Edge浏览器和IE浏览器哪个好用？
现在很多用户或许您现在已经放弃使用微软IE浏览器了,或许您还留恋IE浏览器那熟悉的操作界面,当然也有很多网友选择Google Chrome浏览器或者Firefox火狐浏览器,但对于鉴定支持微软的网友来 ...
微软想将新版Edge浏览器引入Linux
继推出 WSL2.将 exFAT 技术添加至 Linux 内核,和宣布第一届微软 Linux 大会后,微软再次瞄准了 Linux.这次 Linux 用户将很可能迎来新版 Edge 浏览器. 微软网络技 ...
快搜浏览器_让微软丢大脸的edge浏览器终于出新版了！
九月份,基于 Chromium 内核的全新微软 Edge 浏览器开启 Beta 版本的测试,我看到使用全新内核的edge浏览器,以及官方加入的 IE 模式.隐私工具等一些更好用的新功能后,我暂时放下用 ...
微软为 Chromium 版 Edge 浏览器推出新的 logo
微软为基于 Chromium 的 Edge 浏览器发布了新的 logo -- 仍然是字母 e,但与 Internet Explorer 和旧版 Edge 已大不相同.新 logo 整体风格更加现代,也 ...
Windows 11 即将发布，微软欲“强推” Edge 浏览器？
25 年前,浏览器之争初起,IE 与网景(Netscape)"大战"四年,最终以网景被 AOL 收购.IE 市场份额节节攀升结束了第一轮浏览器的比拼.回看 IE 之所以可以迅速取代 ...
微软游戏服务器断网,微软大规模更新了Edge浏览器内置的断网小游戏
真正做到"无网冲浪". 先告诉大家一个冷知识:微软的Edge浏览器在断网的时候也可以冲浪. 我指的是浏览器内置的"断网小游戏". 去年,微软Edge浏览器在一次 ...

【浏览器兼容性】如何隐藏微软的ie和edge浏览器密码输入框的小眼睛

解决方案

【浏览器兼容性】如何隐藏微软的ie和edge浏览器密码输入框的小眼睛相关推荐

最新文章

热门文章