css去掉ie浏览器输入框后面的小叉叉，和密码框后面的小眼睛

已于 2022-11-11 09:34:43 修改
阅读量1k 收藏
点赞数
分类专栏： ie8相关问题 文章标签： ie浏览器 edge浏览器 去掉小叉叉和小眼睛 css HTML
于 2019-10-31 14:30:26 首次发布

css代码里面放入这个就可以了

::-ms-clear, ::-ms-reveal{display: none;}

笑到世界都狼狈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
11-30
只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。 ::-ms-clear, ::-ms-reveal { display:none; } 其中 ::-ms-clear 是文本清除按钮，也就是input右方的叉叉 ::-ms-reveal是密码
在ie edge中消除默认出现的密码框小眼睛标志
sinat_31773153的博客
06-20 877
在ie edge中消除默认出现的密码框小眼睛标志
浏览器兼容：在ie edge中消除默认出现的密码框小眼睛标志
jh5485857的博客
10-09 1556
浏览器兼容：在ie edge中消除默认出现的密码框小眼睛标志
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
weixin_34250434的博客
06-23 125
从IE 10开始，type="text" 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本对于type="password"的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。只要使用以...
CSS去除input框自带的叉号
liuyan1106_的博客
11-13 2126
input::-ms-clear{display:none;}
查看浏览器保存的密码
smallfishy的博客
07-30 9867
1、搜狗浏览器 1.1 点击右上角的 三个横线，点击 【选项】 1.2 点击【账号助手】，右侧勾选【我需要浏览器协助管理密码数据，使用密码查看功能 】 1.3 点击【小眼睛】，然后 验证身份，之后就可以显示密码了 1.4 如果记不得windows的账号密码，还可以点击【更多选项】进行验证，比如PIN码。 2、google浏览器查看已保存的密码。 2.1 点击浏览器右上角的 三个点，点击【设置】。 2.2点击 【自动填充】，再点击 “已保存密码” 右侧的三个点。...
清除edge浏览器密码类型的input后面自带的眼睛图标
qq_42765776的博客
08-14 214
即可，我用的是uniapp，加在app.vue就行了，加在index.html不行。本来我用的是uview，以为是uview的问题，没想到是edge浏览器自带的样式。
html input去掉文本框自带的叉号
大黄鸭在发光的专栏
03-20 757
html input去掉文本框自带的叉号
去掉IE浏览器中input的叉叉
liuhao9999的博客
03-07 642
/*去掉IE11的叉叉*/ input::-ms-clear, select::-ms-expand { display: none; }
IE浏览器下的CSS问题小结
12-13
IE下的特殊情况 下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考： 1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下...
针对IE浏览器的兼容问题小结
12-13
怎么用一行代码解决CSS各种IE各种兼容问题 <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/> X-UA-Compatible：是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与 ...
区别各种IE浏览器的css写法
12-12
1.区别IE和非IE浏览器 复制代码代码如下: #tip { background:blue; /*非IE 背景藍色*/ background:red \9; /*IE6、IE7、IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF 【区别符号】：「\9」、「*」、「_」 【示例】： ...
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
10-30
CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
删除IE浏览器input框自带的删除叉
qq_44445489的博客
11-13 1175
IE10+浏览器中input框后面会自带一个小叉叉，为统一与其他浏览器的样式，在css里加上以下代码即可去除 input::-ms-clear{ display: none; } 去除前： 去除后：
实现密码框小眼睛效果
沐小侠
01-16 5459
点击眼睛显示密码,再次点击图标隐藏密码，需要变化的图标样式和input的显示方式。
JavaScript+css+html通过点击右边眼睛的开关来控制密码显示还是隐藏
橘猫吃不胖的博客
11-26 5421
显示隐藏的密码1 案例说明与效果图2 编写HTML结构，完成页面布局3 编写CSS样式4 编写JavaScript代码5 总代码 1 案例说明与效果图 【案例】显示隐藏的密码明文 案例分析：在登录页面，为了优化用户体验 ，方便用户进行密码输入。因此在设计密码框时，会有一个“眼睛”图片，充当按钮功能，单击可以切换按钮的状态，控制密码的显示和隐藏。 效果图如下： 2 编写HTML结构，完成页面布局 首先，现在页面中设计出我们想要的元素：输入框和图片，html设计步骤如下： 1、准备一个父盒子div，并
css去除input密码框默认小眼睛样式
weixin_44108880的博客
09-23 7538
最近在做项目中碰到的密码小眼睛边角溢出的问题，经多方研究找到了解决办法。 解决办法： 1.使用css代码去掉小眼睛样式，代码如下： input[type="password"]::-ms-reveal{ display:none } 2.使用新的切换密码框样式遮住小眼睛（需适当调整位置） 文章如有不足之处，请多指教。 ...
登录页面的密码的显示与隐藏
见证自己学习,成长的记录
08-30 5922
原理就是点击的时候把密码的输入框的类型从password切换到text,再次点击把text切换成password,懒的话可以直接声明按钮点击,美观点的话可以去阿里icon官网上选几个使用 效果 选择喜欢的icon以png的形式下载到本地放在项目中引用即可 丰富的icon资源:https://www.iconfont.cn/ 代码 <%-- Created by IntelliJ IDEA. User: wx_weiyihe Date: 2021/8/30 Time: 14:
bootstrap密码框小眼睛
最新发布
03-29
Bootstrap是一个流行的前端开发框架，它提供了一系列的CSS和JavaScript组件，用于构建响应式、移动优先的网页界面。在Bootstrap中，密码框小眼睛是一种常见的功能，用于切换密码框的可见性。 在Bootstrap中，可以使用`input`元素的`type`属性为`password`来创建一个密码框。为了添加小眼睛切换功能，可以使用Bootstrap提供的`input-group`和`input-group-append`类来包裹密码框和切换按钮。 以下是一个示例代码： ```html <div class="input-group"> <input type="password" class="form-control" id="passwordInput" placeholder="Password"> <div class="input-group-append"> <button class="btn btn-outline-secondary" type="button" id="togglePassword"> <i class="fa fa-eye"></i> </button> </div> </div> ``` 在上面的代码中，`input-group`类用于创建一个输入框组，`form-control`类用于设置输入框的样式。切换按钮使用了Bootstrap提供的按钮样式类`btn`和`btn-outline-secondary`，并添加了一个小眼睛图标（这里使用了Font Awesome图标库的`fa fa-eye`类）。 为了实现切换密码框可见性的功能，可以使用JavaScript来监听切换按钮的点击事件，并通过修改密码框的`type`属性来实现密码框的可见性切换。以下是一个示例的JavaScript代码： ```javascript document.getElementById("togglePassword").addEventListener("click", function() { var passwordInput = document.getElementById("passwordInput"); if (passwordInput.type === "password") { passwordInput.type = "text"; } else { passwordInput.type = "password"; } }); ``` 上述代码通过获取密码框元素和切换按钮元素的引用，并添加了一个点击事件监听器。当切换按钮被点击时，通过判断密码框的`type`属性，来切换密码框的可见性。 希望以上内容对您有帮助！如果您还有其他问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值