如何清除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 相关文章推荐
JavaScrip单线程引擎工作原理分析
Sep 04 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
用jquery.sortElements实现table排序
May 04 Javascript
js实现局部页面打印预览原理及示例代码
Jul 03 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 Javascript
jQuery垂直多级导航菜单代码分享
Aug 18 Javascript
jquery利用拖拽方式在图片上添加热链接
Nov 24 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 Javascript
React-Native做一个文本输入框组件的实现代码
Aug 10 Javascript
微信小程序canvas开发水果老虎机的思路详解
Feb 07 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
yii的CURD操作实例详解
2014/12/04 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
PHP数学运算与数据处理实例分析
2016/04/01 PHP
编写可维护面向对象的JavaScript代码[翻译]
2011/02/12 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
基于jquery实现轮播特效
2016/04/22 Javascript
Three.js学习之网格
2016/08/10 Javascript
jQuery实现页面点击后退弹出提示框的方法
2016/08/24 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
Koa 中的错误处理解析
2019/04/09 Javascript
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
Python可变参数函数用法实例
2015/07/07 Python
Python使用django搭建web开发环境
2017/06/09 Python
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
代码分析Python地图坐标转换
2018/02/08 Python
Selenium控制浏览器常见操作示例
2018/08/13 Python
Python Opencv实现图像轮廓识别功能
2020/03/23 Python
Flask配置Cors跨域的实现
2019/07/12 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
Python引入多个模块及包的概念过程解析
2020/09/21 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
CSS3的column-fill属性对齐列内容高度的用法详解
2016/07/01 HTML / CSS
CSS3实现缺角矩形,折角矩形以及缺角边框
2019/12/20 HTML / CSS
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
大专生毕业的自我评价
2014/02/06 职场文书
抵押贷款承诺书
2014/05/30 职场文书
汽车4S店前台接待岗位职责
2015/04/03 职场文书
爱心捐书倡议书
2015/04/27 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android