如何清除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 相关文章推荐
nicejforms——美化表单不用愁
Feb 20 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
Jun 16 Javascript
Javascript中判断变量是数组还是对象(array还是object)
Aug 14 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
JavaScript对象原型链原理解析
Jan 22 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 安全检测代码片段(分享)
2013/07/05 PHP
php数组删除元素示例
2014/03/21 PHP
php json_encode()函数返回json数据实例代码
2014/10/10 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
JavaScript之IE的fireEvent方法详细解析
2013/11/20 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
jquery validate demo 基础
2015/10/29 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
Node.js中路径处理模块path详解
2016/11/14 Javascript
js实现日历的简单算法
2017/01/24 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
vue 全选与反选的实现方法(无Bug 新手看过来)
2018/02/09 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
JavaScript的console命令使用实例
2019/12/03 Javascript
详解vue 组件注册
2020/11/20 Vue.js
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
Python显示进度条的方法
2014/09/20 Python
总结python爬虫抓站的实用技巧
2016/08/09 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
python实现排序算法解析
2018/09/08 Python
Python新手学习raise用法
2020/06/03 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
荷兰领先的百货商店:De Bijenkorf
2018/10/17 全球购物
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
经贸日语专业个人求职信范文
2013/12/28 职场文书
奖金申请报告模板
2015/05/15 职场文书