如何清除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 flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
js更优雅的兼容
Aug 12 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
js基础之DOM中元素对象的属性方法详解
Oct 28 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
JavaScript 中判断变量是否为数字的示例代码
Oct 22 Javascript
Vue 的 v-model用法实例
Nov 23 Vue.js
关于angular 8.1使用过程中的一些记录
Nov 25 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/07/12 PHP
php session 检测和注销
2009/03/16 PHP
php在程序中将网页生成word文档并提供下载的代码
2012/10/09 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
Linux下安装Memcached服务器和客户端与PHP使用示例
2019/04/15 PHP
javascript 选择文件夹对话框(web)
2009/07/07 Javascript
js数组操作常用方法
2014/05/08 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
vue.js 上传图片实例代码
2017/06/22 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
[57:38]2018DOTA2亚洲邀请赛3月30日 小组赛A组 OpTic VS OG
2018/03/31 DOTA
Python help()函数用法详解
2014/03/11 Python
windows系统下Python环境搭建教程
2017/03/28 Python
pandas object格式转float64格式的方法
2018/04/10 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
html5教程制作简单画板代码分享
2013/12/04 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
银行存款证明样本
2014/01/17 职场文书
优秀女职工事迹材料
2014/02/06 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
Java基础之线程锁相关知识总结
2021/06/30 Java/Android
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python
SQL语句中EXISTS的详细用法大全
2022/06/25 MySQL