IE10 取消input框默认的叉叉和密码输入框的眼睛

最新推荐文章于 2021-08-06 10:40:50 发布
最新推荐文章于 2021-08-06 10:40:50 发布
阅读量6.8k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ly_lv_hx/article/details/9465233
本文介绍如何通过本地组策略及CSS代码禁用IE10浏览器中input框的清除按钮（‘X’）及password框的显示密码按钮（眼睛）。适用于Windows7系统的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

IE10默认在input框中输入内容后会显示一个‘X’按钮，方便删除输入的所有内容。

在password输入框显示一个眼睛的按钮，去掉眼睛和叉叉的方法如下：


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

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


  1. 修改本地组策略，禁用密码输入框中的密码显示；
  2. 切换成IE兼容模式；（此方法仅在Windows 7下有效，Windows 8无效）
  3. 通过CSS虚拟元素（::-ms-clear、::-ms-reveal）禁用

Debug-033-input输入框的浏览器默认填充密码的行为（未解决）
LM0916的博客
11-25 703
一般来讲不会超过三个，我看阿里云的设置密码就想到这个问题了，我没有别人的号，所以不会被记录到，而我们这里使用的是测试账号，记录过很多同事的账号，所以积累的比较多，其实只要用户一旦输入一个值之后，浏览器的填充就会消失了，没太大影响。想讨论的是如图二所示的问题：浏览器默认填充密码的行为。上面两个截图是MDN给出的解释，比较客观的表达了，确实不一定生效，有浏览器版本因素和不同浏览器的兼容因素。这里首先就给大家排出掉网上的一些很奇怪的“偏门方法”，我仔细想了一下，得不偿失，而且很多都是错的，完全没用。
IE浏览器input输入框自动触发input事件和focus也触发input事件的bug
weixin_44183178的博客
07-31 2265
问题 windows系统IE11、10 在页面输入框上同时绑定了nput以及foucs事件，当触发foucs事件的时候会触发input事件，导致我的第一次搜索无效。 暂时解决办法 只有当输入框上存在placeholder的情况下才会出现如此问题，因此项目中如果不是特别依赖placeholder可以将其暂时去掉。另外如果想要实现placeholder效果，可以使用另外的方式实现。 ...
去掉IE自带的输入框中的x号
luckyxl029的博客
01-24 2212
IE浏览器会自动给Input等输入框的最右边加上一个x号，如果要去掉的话，在CSS文件里加上如下代码即可。 ::-ms-clear, ::-ms-reveal{display: none !important;}
清除IE10下input的叉叉（X）和密码输入框的眼睛图标
web_qdkf的博客
11-25 7955
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本， 如下图： 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。
IE10以上input自带的叉号和眼睛
yuelife的博客
08-06 1183
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本；type=”password” 的 input 在用户输入内容后，会自动产生一个小眼睛，用来显示或隐藏密码。怎样消除这个和其他浏览器的不同呢？ input::-ms-clear{display: none;} input::-ms-reveal{display: none;} 其中 ::-ms-clear 是文本清除按钮，也就是input右方的叉叉 ::-ms-revea
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
sunny327的专栏
07-22 2万+
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。
css去除input密码框默认小眼睛样式
weixin_44108880的博客
09-23 8692
最近在做项目中碰到的密码小眼睛边角溢出的问题，经多方研究找到了解决办法。 解决办法： 1.使用css代码去掉小眼睛样式，代码如下： input[type="password"]::-ms-reveal{ display:none } 2.使用新的切换密码框样式遮住小眼睛（需适当调整位置） 文章如有不足之处，请多指教。 ...
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
08-31
要清除IE10+浏览器中文本输入框的叉叉（X）和密码输入框的眼睛图标，你可以使用CSS来实现。这两个图标是通过特定的伪元素选择器来表示的： 1. `::-ms-clear`: 这个选择器用来隐藏文本输入框的清除按钮，即用户输入...
详解移动端HTML5页面端去掉input输入框的白色背景和边框（兼容Android和ios）
09-27
特别是在处理跨平台的兼容性问题时，比如在Android和iOS设备上，输入框的默认样式可能会有所不同，这可能导致用户体验不一致。本文将详细介绍如何在移动端HTML5页面中去掉input输入框的白色背景和边框，以及解决不同...
ie 浏览器input框会出现小叉叉的问题
依然范特西
05-18 8303
隐藏小叉叉：    IE10+/** 文本输入框的 X **/input::-ms-clear{display: none;} /** 密码输入框的 X **/input::-ms-reveal{display: none;}IE9- 将input框的宽度设为82px以下就没有了...
input输入款点击小眼睛显示或隐藏密码
04-19
前端登录界面输入密码，input输入款点击小眼睛显示或隐藏密码。
去掉IE10、IE11的默认文本框样式
ivan0609的专栏
06-13 4897
在IE 10+的浏览器上，输入框在输入的时候会出现叉叉效果，如何去掉这个效果呢？
input密码框点击眼睛显示和隐藏
m0_37909187的博客
02-07 2万+
俩张图片表示显示和隐藏，要是想改样式的话直接修改css就可以，根据自己样式来 很简单获取到相对应对密码框， 初始化是隐藏调用方法hideShowPsw进行判断，判断密码框的type == “password”是隐藏 变成type==“text”图片在变一下就好了  body{      margin:0px;        background-c
html 输入框显示“小叉叉”的清空图标
热门推荐
dwc2011的专栏
03-31 4万+
需要在输入框中输入内容时，右边显示清空的“小叉叉”，输入框为空的时候，清空按钮消失。           这个其实不算需求，只是当时测试那边在界面原型里看到有（后来在做的时候才发现那只是 ie 下、而且是 ie 9 以上版本的输入框的一个效果）。1、2是找到的两个实现方式，但是兼容性都不够，3是根据第二个实现方式，自己改造了一下： 1. H5 type="search" 类型     H
IE11下部分样式调整
Brilliant Me 的博客
12-06 2660
ie下select样式和textarea不换行
IE11输入框禁用 清除按钮（叉号） 和 显示密码按钮（小眼睛）
什么都干的派森
04-21 3911
去除输入框中的 叉号 和 小眼睛，如下图： 加入这段css即可 /* IE11 禁用清除按钮（叉号） */ input::-ms-clear{display:none;} /* IE11 禁用显示密码按钮（小眼睛） */ input::-ms-reveal{display:none;} ...
如何去掉IE文本框后的那个X css代码
daydayupx的专栏
07-09 2147
在IE10以上版本中，页面上的文本框控件在输入文字时候会被自动加上一个X。但是IE这个自作聪明的功能有时候会让我们的页面爆掉，比如当文本框宽度过小，X显示不下时候会顶掉你的文本。 要隐藏这个X可以用IE预留的一个vendor属性：::-ms-clear /* Remove IE's “clear field” X button */ .field-set input[type=text]:
兼容IE浏览器的输入框默认提示字体效果实现
例如，为一个搜索框添加`placeholder`属性，用户就可以直观地了解到搜索框的用途。 ```html <input type="text" name="search" placeholder="请输入搜索内容"> ``` 上述代码会在输入框中显示"请输入搜索内容"的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值