如何清除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 相关文章推荐
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
javascript中createElement的两种创建方式
May 14 Javascript
CSS3实现动态背景登录框的代码
Jul 28 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
vue.js实现单选框、复选框和下拉框示例
Jul 18 Javascript
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
Sep 16 Javascript
微信小程序如何实现五星评价功能
Oct 15 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 Javascript
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
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/12/23 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
PHP类的特性实例分析
2016/09/28 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2011/06/27 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
jQuery实现鼠标滑过图片移动特效
2016/12/08 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
Vue filter 过滤器、以及在table中的使用介绍
2020/09/07 Javascript
[49:08]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.27
2020/12/01 DOTA
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
python中django框架通过正则搜索页面上email地址的方法
2015/03/21 Python
Django框架教程之正则表达式URL误区详解
2018/01/28 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
在终端启动Python时报错的解决方案
2020/11/20 Python
Theory美国官网:后现代都市风时装品牌
2018/05/09 全球购物
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
师范大学音乐表演专业求职信
2013/10/23 职场文书
《赶海》教学反思
2014/04/20 职场文书
英文感谢信范文
2015/01/21 职场文书
作弊检讨书
2015/01/27 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
小学音乐课教学反思
2016/02/18 职场文书
读《茶花女》有感:山茶花的盛开与凋零
2020/01/17 职场文书
Python中异常处理用法
2021/11/27 Python