如何清除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中的slice()方法使用详解
Jun 06 Javascript
JavaScript图片轮播代码分享
Jul 31 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
JavaScript数组的5种迭代方法
Sep 29 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
Nov 22 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
脚手架vue-cli工程webpack的基本用法详解
Sep 29 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 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 递归效率分析
2009/11/24 PHP
php实现自动获取生成文章主题关键词功能的深入分析
2013/06/03 PHP
深入PHP curl参数的详解
2013/06/17 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
在laravel5.2中实现点击用户头像更改头像的方法
2019/10/14 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
javascript实现的基于金山词霸网络翻译的代码
2010/01/15 Javascript
js防止DIV布局滚动时闪动的解决方法
2014/10/30 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
2016/05/12 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
详解vue-router 初始化时做了什么
2018/06/11 Javascript
React组件内事件传参实现tab切换的示例代码
2018/07/04 Javascript
Vue实现简单分页器
2018/12/29 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
Python调用命令行进度条的方法
2015/05/05 Python
机器学习10大经典算法详解
2017/12/07 Python
python 基本数据类型占用内存空间大小的实例
2018/06/12 Python
解决tensorflow模型参数保存和加载的问题
2018/07/26 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
python的pytest框架之命令行参数详解(下)
2019/06/27 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
html5 input元素新特性_动力节点Java学院整理
2017/07/06 HTML / CSS
日本索尼音乐商店:Sony Music Shop
2018/07/17 全球购物
高中班长自我鉴定
2013/12/20 职场文书
协议书样本
2014/04/23 职场文书
原告离婚代理词
2015/05/23 职场文书
源码解读Spring-Integration执行过程
2021/06/11 Java/Android