IE11输入框禁用 清除按钮（叉号） 和 显示密码按钮（小眼睛）

最新推荐文章于 2024-01-22 15:15:47 发布
原创 最新推荐文章于 2024-01-22 15:15:47 发布 · 3.9k 阅读 · 18 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #html5 #css3

本文介绍如何使用CSS代码禁用IE11浏览器中输入框的清除按钮（叉号）和显示密码按钮（小眼睛）。通过简单的CSS规则，可以有效隐藏这些图标，实现更干净的输入框界面。

去除输入框中的 叉号 和 小眼睛，如下图：

在这里插入图片描述
在这里插入图片描述

加入这段css即可

/* IE11 禁用清除按钮（叉号） */
input::-ms-clear{display:none;}
/* IE11 禁用显示密码按钮（小眼睛） */
input::-ms-reveal{display:none;}
html+css 实现图片右上角加删除叉、图片删除按钮
12-28
右上角的图片可自己换图片，图片素材我就不放上来了，我就上个代码，挺简单的css和js，初学者应该也看得明白 </pre><pre name=code class=html><!DOCTYPE ...
jQuery点击显示弹出框关闭按钮代码.zip
07-05
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和动画效果。本资源"jQuery点击显示弹出框关闭按钮代码.zip"包含了一个利用jQuery实现的弹出框功能，该功能在用户点击某个元素...
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
热门推荐
sunny327的专栏
07-22 2万+
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。
去掉IE11的叉叉
weixin_30457065的博客
12-26 138
在 IE11 下，浏览器自作多情在 text input 组件上加一个 close 叉叉： 用CSS伪类定义： input::-ms-clear { display: none; } 转载于:https://www.cnblogs.com/shoupifeng/p/4186739.html...
在ie10中如何禁用输入框中的小眼睛 与 叉叉 删除按钮
weixin_30443813的博客
01-21 133
修改本地组策略，禁用密码输入框中的密码显示； 切换成IE兼容模式；（此方法仅在Windows 7下有效，Windows 8无效） 那是系统自己支持的，有时候很方便，有时候会影响文本框里的文本，提供一个去掉的方法 input::-ms-clear{display:none;}，给文本框添加这个CSS就能把那个XX去掉 3. 通过CSS虚拟元素（:...
HTML密码框添加小眼睛和x按钮。
qq_40939905的博客
08-14 1万+
//本文主要讲解密码框添加小眼睛例子，同时可以参考此例子在账号输入框添加X图片做清除功能。
ie浏览器下select 的x按钮隐藏
木昆灵寒酥的博客
01-22 573
ie select X
谷歌浏览器input输入框没有小叉号
09-20
谷歌浏览器的默认样式下，`<input>`元素通常不会直接显示清除图标（小叉号）。如果你想在输入框旁边添加一个清除按钮，可以借助HTML5的一些新特性或者CSS自定义样式。你可以通过以下步骤来实现： 1. HTML部分： ```...
html中当输入框里有值时，输入框会显示一个叉号
最新发布
10-26
这个图标通常是通过CSS样式控制的，比如使用`placeholder="..."`属性来显示默认文本，而当输入框已有值时，浏览器可能会自动隐藏默认文本并显示清除按钮。 如果你想自定义这个图标，可以使用`type="text"`或者`type...
一键清除文本输入框内容Chrome插件
该插件通过智能化的交互方式，在满足条件的输入元素上动态显示一个可视化按钮——通常表现为一个红色叉号（红叉按钮），用户只需点击该按钮即可一键清空当前输入框的内容，极大提升了操作效率和用户体验。...
清除IE浏览器input后面的删除图标
LzzMandy的博客
08-08 1203
IE浏览器自带的input，输入值后，会出现 x 按扭，不让其出现的设置如下： input::-ms-clear { width: 0; height: 0; }
CSS去除input框自带的叉号
liuyan1106_的博客
11-13 2355
input::-ms-clear{display:none;}
去除IE10自带的清除按钮
weixin_30322405的博客
01-01 196
最近在工作中碰到了一个问题，原本在IE8，IE9下正常的input表单，在IE10下会出现清除按钮，即表单右侧会出现一个可以清除该表单内容的小叉。由于之前一直没有兼容过IE10，所以我专门搜了下原因。发现，该功能是微软在IE10上新添加的功能，用于快速清空表单值。 而问题是，工作中使用到的表单控件以及日期组件右侧有清除图标以及日历图标，这使得在IE10下，input表单右侧会出现图表叠加的情况—...
去掉IE10、IE11的默认文本框样式
ivan0609的专栏
06-13 4917
在IE 10+的浏览器上，输入框在输入的时候会出现叉叉效果，如何去掉这个效果呢？
html 日期 清空,html – 删除日期输入上的“清除”按钮(iOS safari)
weixin_31061573的博客
06-05 1220
实际上,通过为所有最新的浏览器指定“伪类”,可以很容易地实现这一点.如果将输入设置为“required”以消除清除按钮不起作用…–然后尝试以下伪类-webkit-clear-button,专门为基于webkit的浏览器设置样式：/* Hide the clear button from date input */input[type="date"]::-webkit-clear-button {-...
input 去除叉叉和小眼睛
lianfuguo的专栏
01-22 3334
IE10默认在input框中输入内容后会显示一个‘X’按钮，方便删除输入的所有内容。在password输入框显示一个眼睛的按钮，去掉眼睛和叉叉的方法如下：input::-ms-clear{display:none;}input::-ms-reveal{display:none;} 修改本地组策略，禁用密码输入框中的密码显示；切换成IE兼容模式；（此方法仅在Windows 7下有效，Wind
ie9 下面输入框后面怎么出现一个黑色叉叉
木白的博客
08-23 2783
浏览器兼容问题，可以用css3解决 input::-ms-clear,input::-ms-reveal{ display:none }  
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

什么都干的派森

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值