如何清除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 相关文章推荐
怎么用javascript进行拖拽
Jul 20 Javascript
一种JavaScript的设计模式
Nov 22 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
原生js实现焦点轮播图效果
Jan 12 Javascript
详解如何在Vue项目中导出Excel
Apr 19 Javascript
Node.js系列之连接DB的方法(3)
Aug 30 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 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+MYSQL的文章管理系统(二)
2006/10/09 PHP
笑谈配置,使用Smarty技术
2007/01/04 PHP
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
PHP封装CURL扩展类实例
2015/07/28 PHP
php析构函数的简单使用说明
2015/08/24 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
PHP运行模式汇总
2016/11/06 PHP
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
详解VSCode配置启动Vue项目
2019/05/14 Javascript
Vue中使用better-scroll实现轮播图组件
2020/03/07 Javascript
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
编写Python脚本来获取Google搜索结果的示例
2015/05/04 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
python3.5 tkinter实现页面跳转
2018/01/30 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
pymysql的简单封装代码实例
2020/01/08 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
基于K.image_data_format() == 'channels_first' 的理解
2020/06/29 Python
加大码胸罩、内裤和服装:Just My Size
2019/03/21 全球购物
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
环保倡议书
2014/04/14 职场文书
小学校本培训方案
2014/06/06 职场文书
房产公证书样本
2015/01/23 职场文书
2015年检验科工作总结
2015/04/27 职场文书
天气温馨提示语
2015/07/14 职场文书
运动会广播稿200字
2015/08/19 职场文书
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL