如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标


Posted in Javascript onDecember 21, 2016

从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。

对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。

好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。

只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。

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

其中 ::-ms-clear 是文本清除按钮,也就是input右方的叉叉 ::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。

当然,也可以单独清除其中一项,这是你的自由。

以上所述是小编给大家介绍的如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
编写针对IE的JS代码两种编写方法
Jan 30 Javascript
node.js学习总结之调式代码的方法
Jun 25 Javascript
jQuery表单验证功能实例
Aug 28 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
Aug 31 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
js实现简单的二级联动效果
Mar 09 Javascript
基于Vue.js实现tab滑块效果
Jul 23 Javascript
react-router browserHistory刷新页面404问题解决方法
Dec 29 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
Mar 16 Javascript
JavaScript作用域链实例详解
Jan 21 Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 Javascript
js实现可输入可选择的select下拉框
Dec 21 #Javascript
详解handlebars+require基本使用方法
Dec 21 #Javascript
JS实现的驼峰式和连字符式转换功能分析
Dec 21 #Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 #Javascript
js querySelector() 使用方法
Dec 21 #Javascript
简单实现Vue的observer和watcher
Dec 21 #Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
Dec 21 #Javascript
You might like
扩展你的 PHP 之入门篇
2006/12/04 PHP
php for 循环语句使用方法详细说明
2010/05/09 PHP
php 无限级分类,超级简单的无限级分类,支持输出树状图
2014/06/29 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
浅谈php中的循环while、do...while、for、foreach四种循环
2016/11/05 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
javascript attachEvent和addEventListener使用方法
2009/03/19 Javascript
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
关于可运行代码无法正常执行的使用说明
2010/05/13 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
Bootstrap基本样式学习笔记之按钮(4)
2016/12/07 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
详解Python中的正则表达式的用法
2015/04/09 Python
python实现指定字符串补全空格的方法
2015/04/30 Python
基于Django URL传参 FORM表单传数据 get post的用法实例
2018/05/28 Python
python通过txt文件批量安装依赖包的实现步骤
2019/08/13 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
Numpy ndarray 多维数组对象的使用
2021/02/10 Python
Python项目实战之使用Django框架实现支付宝付款功能
2021/02/23 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
荷兰度假屋租赁网站:Aan Zee
2020/02/28 全球购物
意大利辅助药品、药物和补品在线销售:FarmaEurope
2020/04/29 全球购物
中英文求职信范文
2014/01/27 职场文书
九年级英语教学反思
2014/01/31 职场文书
四个太阳教学反思
2014/02/01 职场文书
大学理论知识学习自我鉴定
2014/04/28 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
护士辞职信怎么写
2015/02/27 职场文书
商业计划书之服装
2019/09/09 职场文书
JUnit5常用注解的使用
2021/07/02 Java/Android