如何清除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 相关文章推荐
childNodes.length与children.length的区别
May 14 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
Feb 19 Javascript
JS动态添加option和删除option(附实例代码)
Apr 01 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
May 28 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
JS实现FLASH幻灯片图片切换效果的方法
Mar 04 Javascript
详解JavaScript基本类型和引用类型
Dec 09 Javascript
js console.log打印对像与数组用法详解
Jan 21 Javascript
浅谈几种常用的JS类定义方法
Jun 08 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
封装 axios+promise通用请求函数操作
Aug 11 Javascript
Vant picker 多级联动操作
Nov 02 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
实用函数9
2007/11/08 PHP
PHP删除特定数组内容并且重建数组索引的方法.
2011/03/25 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
PHP 9 大缓存技术总结
2015/09/17 PHP
php实现产品加入购物车功能(1)
2020/07/23 PHP
jQuery-serialize()输出序列化form表单值的方法
2012/12/26 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
JavaScript中window.open用法实例详解
2015/04/15 Javascript
JS扩展类,克隆对象与混合类实例分析
2016/11/26 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
如何在vue里添加好看的lottie动画
2018/08/02 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
Python中给List添加元素的4种方法分享
2014/11/28 Python
浅谈Scrapy框架普通反爬虫机制的应对策略
2017/12/28 Python
python实现树形打印目录结构
2018/03/29 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
python实现QQ邮箱/163邮箱的邮件发送
2019/01/22 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
django跳转页面传参的实现
2020/09/17 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
英国布鲁姆精品店:Bloom Boutique
2018/03/01 全球购物
英文翻译的自我评价语句
2013/10/04 职场文书
人力资源部门的主要职能
2014/02/22 职场文书
植树节标语
2014/06/27 职场文书
合伙购房协议样本
2014/10/06 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
期中考试后的感想
2015/08/07 职场文书
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技