如何清除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 面向对象编程(coolshell)
Mar 18 Javascript
Javascript简单实现可拖动的div
Oct 22 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
防止登录页面出现在frame中js代码
Jul 22 Javascript
JS通过ajax动态读取xml文件内容的方法
Mar 24 Javascript
js简单实现Select互换数据的方法
Aug 17 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
你不知道的 javascript【推荐】
Jan 08 Javascript
对layui中表单元素的使用详解
Aug 15 Javascript
原生js+canvas实现验证码
Nov 29 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
sqlyog 中文乱码问题的设置方法
2008/10/19 PHP
PHP中json_encode、json_decode与serialize、unserialize的性能测试分析
2010/06/09 PHP
php设计模式 State (状态模式)
2011/06/26 PHP
phpmailer在服务器上不能正常发送邮件的解决办法
2014/07/08 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
php数组遍历类与用法示例
2019/05/24 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
JS动态日期时间的获取方法
2015/09/28 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
nodejs 搭建简易服务器的图文教程(推荐)
2017/07/18 NodeJs
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
JavaScript数组排序reverse()和sort()方法详解
2017/12/24 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
Python Property属性的2种用法
2015/06/21 Python
深入浅析Python字符编码
2015/11/12 Python
Python使用正则表达式抓取网页图片的方法示例
2017/04/21 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
网上卖盒饭创业计划书
2014/01/26 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
运动会邀请函范文
2014/01/31 职场文书
致标枪运动员广播稿
2014/02/06 职场文书
班主任工作经验交流材料
2014/05/13 职场文书
工厂门卫的岗位职责
2014/07/27 职场文书
2014年销售工作总结
2014/12/01 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫