如何清除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事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
javascript while语句和do while语句的区别分析
Dec 08 Javascript
JavaScript 应用类库代码
Jun 02 Javascript
js时间日期和毫秒的相互转换
Feb 22 Javascript
浅谈下拉菜单中的Option对象
May 10 Javascript
JQuery中节点遍历方法实例
May 18 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
May 24 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
vue组件添加事件@click.native操作
Oct 30 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 项目的方法
2007/01/02 PHP
php smarty模版引擎中的缓存应用
2009/12/11 PHP
解析PHP中一些可能会被忽略的问题
2013/06/21 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
php中mysql操作buffer用法详解
2015/03/19 PHP
PHP使用函数用法详解
2018/09/30 PHP
SeaJS入门教程系列之完整示例(三)
2014/03/03 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
JavaScript表单验证完美代码
2017/03/02 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
jquery.pager.js实现分页效果
2019/07/29 jQuery
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
html-webpack-plugin修改页面的title的方法
2020/06/18 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
python ipset管理 增删白名单的方法
2019/01/14 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
JAVA软件工程师测试题
2014/07/25 面试题
写好自荐信的技巧
2013/11/08 职场文书
班主任工作年限证明
2014/01/12 职场文书
主管会计岗位职责
2014/03/13 职场文书
2014年基层党组织公开承诺书
2014/03/29 职场文书
股指期货心得体会
2014/09/13 职场文书
教育见习报告范文
2014/11/03 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL
PyTorch中的torch.cat简单介绍
2022/03/17 Python