【浏览器兼容性】如何隐藏微软的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>
大橙子-: vue-router文档竟然没写明版本!感谢你!
z888_520: 播放结束时会卡一下然后再循环播放,有方法可以丝滑的进行循环播放吗?
炸毛的阿玉姐: cool,升级到3.5.0解决问题啦,谢谢
兜兜转转: 这个长度可以调整吗
向着光芒的女孩: 你好,请问问题解决了吗?可以捕获到加载的触发条件吗,如果可以那么设置nzLoading属性试试,提示信息要更改还没弄过,希望可以做的,可以看下官方的文档,或者还是不行的话换其他的提示方式呢?