在ie edge中消除默认出现的密码框小眼睛标志

<style>/*去除ie edge的密码框默认出现的小眼睛给人添乱这一块，巨硬从来都没让我失望过*/input[type="password"]::-ms-reveal{display: none;}input[type="password"]::-ms-clear{display: none;}input[type="password"]::-o-clear{display: none;}</style>

附带原生js显示隐藏密码明文案例

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>密码框演示</title><!-- 引入icon图标的css文件 --><link rel="stylesheet" href="font/iconfont.css"><style>/*去除ie edge的密码框默认出现的小眼睛给人添乱这一块，巨硬从来都没让我失望过*/input[type="password"]::-ms-reveal{display: none;}input[type="password"]::-ms-clear{display: none;}input[type="password"]::-o-clear{display: none;}.box{position: relative;width: 400px;border-bottom: 1px solid #ccc;margin: 100px auto;}.box input{width: 370px;height: 30px;border: 0;outline: none;}.box #icons{position:absolute;top: 2px;right: 2px;}</style>
</head>
<body><div class="box"><i class="iconfont icon-eye" id="icons"></i><input type="password" id="pwd"></div><script>// 1.获取元素var eye = document.getElementById('icons');var pwd = document.getElementById('pwd');// 2.注册事件 处理程序var flag = 0;icons.onclick = function(){if(flag == 0){pwd.type = 'text';//更改元素的类名，以达到变换图标的作用eye.className='iconfont icon-eye1'//点击一次之后 flag一定要发生变化flag = 1}else{pwd.type = 'password'flag = 0eye.className='iconfont icon-eye'}}</script>
</body>
</html>

效果图如下：

在ie edge中消除默认出现的密码框小眼睛标志相关推荐

浏览器兼容：在ie edge中消除默认出现的密码框小眼睛标志
在ie edge中消除默认出现的密码框小眼睛标志 <style>/*去除ie edge的密码框默认出现的小眼睛给人添乱这一块,巨硬从来都没让我失望过*/input[type="p ...
oracle默认用户的密码,Oracle的默认用户密码
1.安装时选择的自动安装,忘了用户名和密码导致现在试了几个Oracle默认用户名密码後(表格中附带默认用户名及密码),都提示无效的用户名.密码, Username Password Descripti ...
内嵌IE网页窗口中消除IE默认脚本设置影响的方法
随着人们对客户端软件界面要求的不断提高,软件开发商面临着一个问题:如何快速廉价开发出各种丰富效果的UI界面.设计出一套丰富控件的界面库是不容易的,且产品经理丰富的想法和UED对效果的追求,往往会使程序 ...
图像处理中消除相机透镜畸变和视角变换
from:图像处理中消除相机透镜畸变和视角变换一般的针孔相机模型如下: 三维坐标点经过透视投影变换,转换到一个图像平面坐标点. 而相机透镜还存在一定的畸变,包括横向畸变和切向畸变. 因此,针孔相机模 ...
edge无法上网dns_如何在Microsoft Edge中通过HTTPS启用DNS
edge无法上网dns Microsoft will one day enable DNS over HTTPS (DoH) for all Windows applications, but you ...
关闭edge任务栏预览_如何在Microsoft Edge中关闭选项卡预览
关闭edge任务栏预览 Now that it has extension support, Microsoft Edge is becoming a more and more viable bro ...
如何在Microsoft Edge中更改主页
By default, Microsoft Edge opens with a custom "New Tab" page full of content. Luckily, it ...
在Microsoft Edge中选择了“始终允许在关联的应用中打开此类链接”，如何取消关联？
在Microsoft Edge中选择了"始终关联的xx应用中打开此类链接",如何取消关联? 如图点击"打开"的时候突然看到"始终允许..." ...
更改word 默认字体_更改Word中的默认字体大小
更改word 默认字体 Are you frustrated by always having to change the font size before you create a document ...

在ie edge中消除默认出现的密码框小眼睛标志

在ie edge中消除默认出现的密码框小眼睛标志

附带原生js显示隐藏密码明文案例

在ie edge中消除默认出现的密码框小眼睛标志相关推荐

最新文章

热门文章