ie 浏览器input框会出现小叉叉的问题

最新推荐文章于 2023-03-28 11:58:25 发布
原创 最新推荐文章于 2023-03-28 11:58:25 发布 · 8.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何通过CSS代码禁用IE浏览器中输入框的清除按钮（X按钮）。适用于IE10及以上版本，同时也提供了IE9及以下版本的解决方案。

隐藏小叉叉：

    IE10+

/** 文本输入框的 X  **/input::-ms-clear{display: none;}
/** 密码输入框的 X  **/input::-ms-reveal{display: none;}

IE9-

将input框的宽度设为82px以下就没有了


去掉IE浏览器中input的叉叉
liuhao9999的博客
03-07 904
/*去掉IE11的叉叉*/ input::-ms-clear, select::-ms-expand { display: none; }
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
08-31
在网页设计中，IE10及以上版本的Internet Explorer浏览器为`<input type="text">`文本框和`<input type="password">`密码输入框添加了一些额外的功能，以提升用户体验。这些功能包括一个用于清除文本的"X"按钮和一个...
IE11-隐藏input后的X
weixin_34375233的博客
03-14 302
百度：ie输入框x 通过过CSS虚拟元素(::-ms-clear、::-ms-reveal)禁用X和眼睛图标， input::-ms-clear{display:none;} 转载于:https://www.cnblogs.com/wangxuehao/p/6549999.html
IE下input框内有一把小叉子
weixin_33774615的博客
09-27 478
IE浏览器中，使用datepicker插件时，input选择框出现了一把小叉号，而其他浏览器运行正常这个时候只需要在CSS中添加input::-ms-clear{display: none;} 就可以解决，也可以通过CSS3中的属性选择器针对特定选择框进行处理，比如：input[type=search]::-ms-clear{display:none;}/*清除IE下...
element ui ie9 。ie input 不显示x。el-input 密码类型 maxlength 不起作用。
韩梦飞沙_韩亚飞
03-21 3216
ie9不支持flex布局ie9里，css行数过多会不加载，需要用CSSSplitWebpackPlugin 分割new CSSSplitWebpackPlugin({   size: 4000,    filename:utils.assetsPath('css/[name]-[part].[ext]'),}),9以下不支持websocket9 刷新多次才显示界面。vue框架。9滚动条 下拉框箭头...
ie浏览器input标签右边出现叉叉
男孩和树和你
03-28 1728
页面加入以下代码： input::-ms-clear,::-ms-reveal{display:none;}
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
热门推荐
sunny327的专栏
07-22 2万+
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。
如何去掉input的叉叉
最新发布
03-19
### 去除 HTML Input 框右侧的清除按钮 在现代浏览器中，某些情况下会自动显示一个清除按钮（通常是一个小叉号），用于快速清空输入框的内容。如果希望移除此功能，可以通过 CSS 或 JavaScript 实现。 #### 方法一...
跨浏览器CSS
通过深入分析标准盒模型与IE盒模型的区别、弹性盒模型、CSS网格布局和响应式设计的最佳实践，本文提供了具体的解决方案和技巧，以确保Web页面在不同浏览器和设备上能够一致地呈现。此外，本文还介绍了自动化CSS前缀...
去除input[type=search]后面的小x
qq_16570607的博客
09-10 5796
使用css3新增的属性来控制input[type=search] input[type=search]::-webkit-search-cancel-button{ -webkit-appearance: none; }
IE10以上input自带的叉号和眼睛
yuelife的博客
08-06 1221
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本；type=”password” 的 input 在用户输入内容后，会自动产生一个小眼睛，用来显示或隐藏密码。怎样消除这个和其他浏览器的不同呢？ input::-ms-clear{display: none;} input::-ms-reveal{display: none;} 其中 ::-ms-clear 是文本清除按钮，也就是input右方的叉叉 ::-ms-revea
IE10去掉input的type=”text”输入内容时出现的小叉号（X）和type=”password”出现的小眼睛图标...
weixin_33779515的博客
03-09 378
最近在做一个后台管理系统项目，遇到以下两个问题： 1、从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉号（X），方便用户点击清除已经输入的文本。2、对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 有时候为了统一UI页面效果，我们不要到浏览器自带的小叉叉（×）和小眼睛图标，所有需要去...
去掉IE自带的输入框中的x号
luckyxl029的博客
01-24 2264
IE浏览器会自动给Input等输入框的最右边加上一个x号，如果要去掉的话，在CSS文件里加上如下代码即可。 ::-ms-clear, ::-ms-reveal{display: none !important;}
selenium处理input框中鼠标移上去会显示叉号的情况
空城雀的博客
03-28 520
但是在selenium定位这个叉号时，xpath却定位不到，因为这个层级是svg了，xpath定位不到，需要使用css定位，就可以了。如图，当鼠标移动到这个input框中时，右侧的下拉按钮就会变成叉号，点击这个叉号，可以清空input框内容。
IE10+浏览器input输入框或search输入框的叉号（×）问题
wang415229224ye的博客
07-14 900
IE中： input[type=text]::-ms-clear{display: none;} input[type=search]::-ms-clear{display: none;} 谷歌中： input::-webkit-search-cancel-button{display: none;}
清除IE10下input的(X)和密码输入框的眼睛图标
红岸基地
04-18 1346
当我们做一个简单的输入框的时候，浏览器会给我们提供一些我们其实不需要的便捷方式，例如下面的这个：还有下面这个：点击X的时候可以清除输入的文本，点击小眼睛的时候可以看到密码；效果如下：其实我用到的时候还是觉得IE..嗯...很人性化，直到项目里面要求不准看到的时候我才发觉我想的太天真，赶紧给我滚，想去掉但是去不掉，哎，可能IE和老罗是一个脾气，功能你可以不要，但是我必须要做，嗯，想法不错，最后我还是...
清除IE10下input的叉叉（X）和密码输入框的眼睛图标
web_qdkf的博客
11-25 8007
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本， 如下图： 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。
html input去掉文本框自带的叉号
大黄鸭在发光的专栏
03-20 973
html input去掉文本框自带的叉号
ie9 下面输入框后面怎么出现一个黑色叉叉
木白的博客
08-23 2783
浏览器兼容问题，可以用css3解决 input::-ms-clear,input::-ms-reveal{ display:none }  
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值