去掉IE10以上文本框后的X按钮

最新推荐文章于 2020-04-01 14:43:28 发布
最新推荐文章于 2020-04-01 14:43:28 发布
阅读量3k 收藏 2
点赞数
分类专栏： web前端 文章标签： ie 10 x ie11 去掉IE10以上文本框后的X按钮
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013120247/article/details/51731768
版权
  IE10，IE11浏览器当点击input text文本框时，输入文本后出现一个删除功能的X按钮。

去掉input text文本框后的X按钮的方法：给input text添加如下CSS

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

提示：input后是两个冒号，伪元素需要两个冒号。

但是把文本模式改成IE9及以下时input::-ms-clear{display:none;}无效。因为在低版本IE中不支持该语句。

同时，在真实的低版本IE中，也不存在删除功能的X按钮。

Witte Xu
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
11-30
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。 只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。 ::-ms-clear, ::-ms-reveal { display:none; } 其中 ::-ms-clear 是文本清除按钮，也就是input右方的叉叉 ::-ms-reveal是密码
如何去掉IE文本框后的那个X css代码
daydayupx的专栏
07-09 2090
在IE10以上版本中，页面上的文本框控件在输入文字时候会被自动加上一个X。但是IE这个自作聪明的功能有时候会让我们的页面爆掉，比如当文本框宽度过小，X显示不下时候会顶掉你的文本。 要隐藏这个X可以用IE预留的一个vendor属性：::-ms-clear /* Remove IE's “clear field” X button */ .field-set input[type=text]:
去掉IE自带的输入框中的x号
luckyxl029的博客
01-24 1969
IE浏览器会自动给Input等输入框的最右边加上一个x号，如果要去掉的话，在CSS文件里加上如下代码即可。 ::-ms-clear, ::-ms-reveal{display: none !important;}
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
热门推荐
sunny327的专栏
07-22 2万+
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。
ie 浏览器input框会出现小叉叉的问题
依然范特西
05-18 8196
隐藏小叉叉：    IE10+/** 文本输入框的 X **/input::-ms-clear{display: none;} /** 密码输入框的 X **/input::-ms-reveal{display: none;}IE9- 将input框的宽度设为82px以下就没有了...
IE浏览器的设置1.doc
01-01
以上就是关于IE浏览器设置的详细解析，包括关闭弹出窗口阻止程序、添加和管理可信站点以及调整安全级别的操作。这些设置对于个性化浏览体验、保护隐私和维护系统安全至关重要。不过，值得注意的是，由于IE浏览器的...
VC 修改IE浏览器网页标题栏文字.rar
07-10
自定义修改IE标题栏文字，去掉原有标题信息，显示自定义的IE标题文字，先枚举到所有正在打开的网页，然后选择要修改的网页标题，将需要显示的新标题文字输入在文本框中，点击“SetTitle”按钮后，即可设置新的网页...
javascript验证只能输入数字(兼容IE和火狐)
11-22
下面是一个基本的HTML结构，包含一个用于输入的文本框和一个按钮，以及一个用于显示验证结果的段落： ```html <!DOCTYPE html> 只能输入数字(兼容IE和火狐) ()"> <p id="result"></p> ...
100个直接可以拿来用的JavaScript实用功能代码片段(1-10)
09-02
1、原生JavaScript实现字符串长度截取...97、原生JavaScript判断IE版本号（既简洁、又向后兼容！） 98、原生JavaScript获取浏览器版本号 99、原生JavaScript半角转换为全角函数 100、原生JavaScript全角转换为半角函数
Input框后面的“X”实现清除文本框插件
12-14
插件需求： IE11 在Input框内添加一个“X”，用来点击清除用户输入的数据，个人觉挺好用的，但是其它浏览器不会出现， 特进行插件扩展，实现所有浏览器都能出现“X” 实现原理： 此插件通过查找所有Input框 type="text" 属性 在input 文本框的最后添加一个“X” 插件环境： 基于jQuery + Bootstrap 插件使用： 引用 ClearButton 样式 引用 clearbutton 脚本 注意： 样式应该在Bootstrap的样式后面引用，以免被样式覆盖，而没有效果！
input placeholder在IE10、9、8等浏览器兼容问题
yangqii的博客
09-18 521
一、IE10+浏览器下，input标签会有一个默认的样式，比如文本框的‘×’号，密码框的小眼睛。初衷是好的，有时候很方便，但有时候我们会自己设置样式和功能。可以用伪元素方法去除： ::-ms-clear, ::-ms-reveal{display: none;} IE9以下 ：将input框的宽度设为82px以下就没有了 二、在低版本的IE下，input中的文字位置会改变（偏上显示），解...
ie9 下面输入框后面怎么出现一个黑色叉叉
木白的博客
08-23 2642
浏览器兼容问题，可以用css3解决 input::-ms-clear,input::-ms-reveal{ display:none }  
IE去掉input的type=”text”输入内容时出现的X和type=”password”出现的眼睛图标
weixin_34224941的博客
10-21 584
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。有时候我们不要到到，所有可以去掉，代码如下： ::-ms-clear,::-ms-reveal{display:none;} ::-...
ie9以上浏览器input文本框/密码框后面的小叉子/小眼睛问题
weixin_33832340的博客
02-12 226
找了很久不知什么属性控制的这个东西，经过群友的指点重要找到。 通过CSS虚拟元素(::-ms-clear、::-ms-reveal)禁用 input::-ms-clear{display:none;}/*隐藏文本框叉子*/input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/ 转载于:https://www.cnblogs.com/zhidong...
input框的清除X
ty_sunny的博客
06-01 5180
function upperCase(x) { var y=document.getElementById(x).value document.getElementById(x).value=y.toUpperCase() } 输入您的姓名： onchange="upperCase(this.id)" />
input框唤出键盘展示搜索按钮并去掉默认的x
zhliwang的博客
04-01 925
input[type=search]::-webkit-search-cancel-button{ -webkit-appearance: none; }
去掉input框后边的叉号
weixin_33754065的博客
04-21 1440
::-ms-clear, ::-ms-reveal { display: none; }在样式里加上这句话即可 转载于:https://www.cnblogs.com/liuyanxia/p/6742217.html
清除ie10+浏览器的input输入框后面会出现的x号和闭眼logo
weixin_30346033的博客
08-30 225
x号：::-ms-clear{display:none;}闭眼logo： ::-ms-reveal{display:none;}tips:如果在外部引用的css里面没有作用，可以在写本页面的<style></style>里面，可能是优先级别不够，坑。。。。 转载于:https://www.cnblogs.com/yuanxinru321/p/7451578.html...
TK 编写一个有滚轮的文本框，点击按钮后在文本框写入数据
最新发布
05-24
可以使用tkinter库中的ScrolledText组件来实现带滚轮的文本框，然后再添加一个按钮，点击按钮后在文本框中写入数据。以下是示例代码： ```python import tkinter as tk from tkinter.scrolledtext import ScrolledText def write_to_textbox(): text_box.insert(tk.END, "Hello, World!\n") # 在文本框末尾插入数据 root = tk.Tk() # 创建带滚轮的文本框 text_box = ScrolledText(root, width=30, height=10) text_box.pack() # 创建按钮，并绑定事件处理函数 button = tk.Button(root, text="写入数据", command=write_to_textbox) button.pack() root.mainloop() ``` 在这个例子中，我们首先创建了一个带滚轮的文本框，然后创建了一个按钮，并将其绑定到一个名为`write_to_textbox`的事件处理函数。当用户点击按钮时，该函数将在文本框中写入一条消息。注意，我们使用`text_box.insert(tk.END, ...)`方法将数据插入到文本框的末尾，这样新的消息就不会覆盖之前的消息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值