去掉IE浏览器中input的叉叉

于 2022-03-07 11:22:48 发布
阅读量795 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 常用代码片段 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/123326209
本文主要介绍如何在Internet Explorer浏览器中去除input输入框右上角的清除叉叉，确保用户在使用前端界面时不会意外清空输入内容。

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

/*去掉IE11的叉叉*/
input::-ms-clear,
select::-ms-expand {
  display: none; }

HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 7183
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
删除IE浏览器input框自带的删除叉
qq_44445489的博客
11-13 1296
IE10+浏览器中input框后面会自带一个小叉叉，为统一与其他浏览器的样式，在css里加上以下代码即可去除 input::-ms-clear{ display: none; } 去除前： 去除后：
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
sunny327的专栏
07-22 2万+
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。
IE下input框内有一把小叉子
weixin_33774615的博客
09-27 455
IE浏览器中，使用datepicker插件时，input选择框出现了一把小叉号，而其他浏览器运行正常这个时候只需要在CSS中添加input::-ms-clear{display: none;} 就可以解决，也可以通过CSS3中的属性选择器针对特定选择框进行处理，比如：input[type=search]::-ms-clear{display:none;}/*清除IE下...
CSS去除input框自带的叉号
liuyan1106_的博客
11-13 2317
input::-ms-clear{display:none;}
去掉IE11的叉叉
weixin_30457065的博客
12-26 127
在 IE11 下，浏览器自作多情在 text input 组件上加一个 close 叉叉： 用CSS伪类定义： input::-ms-clear { display: none; } 转载于:https://www.cnblogs.com/shoupifeng/p/4186739.html...
前端基础CSS+html篇 2w字吐血总结
chengxuyuanlee的博客
12-30 2180
前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
使用text类型的文本输入框模拟password类型的密码输入框
小鹿不在林间的博客
02-24 5179
项目开发中要求不能使用password类型的密码输入框该怎么做？ 最近有个项目，在做登录模块时，要求不让使用password类型的密码输入框，是为了防止报安全问题，因为password类型的密码输入框，容易被浏览器记住密码，很不安全。我在网上找了几种方法，效果也都不尽人意，那么在密码输入这一块，大家都是怎么做的呢？ 在网上找了好几种方法，效果也都不尽人意... 1.动态切换type类型（会报安全问题） 初始时将输入框type类型设置为text，当文本框聚焦时，将type类型改为password，失去
IE10以上input自带的叉号和眼睛
yuelife的博客
08-06 1182
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本；type=”password” 的 input 在用户输入内容后，会自动产生一个小眼睛，用来显示或隐藏密码。怎样消除这个和其他浏览器的不同呢？ input::-ms-clear{display: none;} input::-ms-reveal{display: none;} 其中 ::-ms-clear 是文本清除按钮，也就是input右方的叉叉 ::-ms-revea
M3u8 Downloader(M3U8下载)下载
09-12
完美开源的M3u8 Downloader下载工具，直接免费下载最新的最完美的东西，最大的优势就是速度快，下载容量大的东西，不用花上一两个小时，几分钟甚至几秒钟就能够搞定。
低版本IE浏览器 input元素出现叉叉的情况
weixin_30436101的博客
03-01 253
都说是IE10之上的浏览器才有这个问题，恰巧我IE10之上都没有问题，反而是低版本的浏览器出现了这个问题。作为一个凭证，我先放一张图片在这里面。 之前无意中解决过这个问题，如今复现确实是没有解决，网上的方案都用过了，也无效。 在别人那测试没有问题，但是具体这个问题为何会存在【目前个人能力问题，只能把问题归咎与浏览器出错了！！！（一个不负责的web前端）】 转载于:https://www.cnb...
css去掉ie浏览器输入框后面的小叉叉，和密码框后面的小眼睛
笑到世界都狼狈的博客
10-31 1094
css代码里面放入这个就可以了::-ms-clear, ::-ms-reveal{display: none;}
去除input search框输入自带的叉号
————————————————————————————————
07-01 1712
/* --清除谷歌浏览器下的 search 叉号 */ input::-webkit-search-cancel-button { display: none; } /* --清除IE下的 search 叉号 */ input[type="search"]::-ms-clear { display: none; }
清除IE浏览器input后面的删除图标
LzzMandy的博客
08-08 1190
IE浏览器自带的input，输入值后，会出现 x 按扭，不让其出现的设置如下： input::-ms-clear { width: 0; height: 0; }
如何解决IE 自带的密码框 小眼睛与输入框X符号
Mayflyingdancing的博客
08-07 2420
IE浏览器下，在 type=‘password’ 的input输入框输入密码后，在输入框的里面右侧会出现一个小眼睛，还有就是在elementUi中的时间控件增加可删除内容的时候，在每个时间后面会出现一个X的图标。 如下图 这与我定义的样式冲突了，显得格外难看。 为了去掉这个样式，可以使用下面的一段css代码： input::-ms-clear{display:none;}/*删除文本框中的叉号*/ input::-ms-reveal{display:none;} /*删除密码框中的小眼睛*/ 这两个属
IE10+删除input后面的叉
front_end_fan
01-26 2003
从IE 10开始，type=”text” 的 input 在用户输入内容后，会在后面自动产生一个小叉（X），方便用户点击清除已经输入的文本 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。 只要使用以
去掉IE自带的输入框中的x号
luckyxl029的博客
01-24 2211
IE浏览器会自动给Input等输入框的最右边加上一个x号，如果要去掉的话，在CSS文件里加上如下代码即可。 ::-ms-clear, ::-ms-reveal{display: none !important;}
表单输入框聚焦输入内容显示叉叉清除效果
菜菜的博客
01-24 5360
处理表单的时候，经常有这种效果，当我们输入内容的时候输入框右边会动态显示一个叉叉图标，点击可以清除已输入的内容，当输入框没有输入内容时，叉叉会自己消失，当输入框焦点消失时，叉叉也会自己消失，最近刚好写了一个这样的效果，分享给大家，效果图如下所示： 一：页面html代码： <!DOCTYPE html> <html>...
Ie浏览器里input输入框后会出现一个×怎么去掉
04-21
这个问题属于技术问题，可以通过以下步骤解决：在 CSS 样式表中添加如下代码：input::-ms-clear{ display:none; }，或者在 input 标签上添加属性：autocomplete="off"。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

紫微前端

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

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

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

打赏作者

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

抵扣说明：

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

余额充值