如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

 更新时间:2016年12月21日 15:59:29   作者:sunny327  
从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本,下面通过本文给大家介绍下如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

从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+xml技术实现分页浏览

    javascript+xml技术实现分页浏览

    基于web的技术中,分页是一个老的不能再老的,但大家津津乐道的问题,随着xml技术的日渐应用,把xml应用到分页当中,也是一种可能,当然网上的教程很多,当我都是看得稀里糊涂,索性自己写一个,与大家分享、指正。
    2008-07-07
  • BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)

    BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)

    这篇文章主要介绍了BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始),需要的朋友可以参考下
    2017-09-09
  • myEvent.js javascript跨浏览器事件框架

    myEvent.js javascript跨浏览器事件框架

    IE与现代浏览器在DOM中最大的差异是什么无疑就是event了。各个浏览器接口的差异以及够头疼了,而IE甚至Firefox早期版本由于内存管理机制不完善,很容易在事件处理中导致内存泄漏
    2011-10-10
  • 小程序简单两栏瀑布流效果的实现

    小程序简单两栏瀑布流效果的实现

    这篇文章主要介绍了小程序简单两栏瀑布流效果的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • JS中原始值和引用值的储存方式示例详解

    JS中原始值和引用值的储存方式示例详解

    原始值指的是代表原始数据类型的值,也叫基本数据类型,引用值指的是复合数据类型的值。接下来通过示例代码给大家介绍JS中原始值和引用值的储存方式,感兴趣的朋友一起看看吧
    2018-03-03
  • ArrayBuffer Uint8Array Blob与文本字符相互转换示例

    ArrayBuffer Uint8Array Blob与文本字符相互转换示例

    这篇文章主要为大家介绍了ArrayBuffer Uint8Array Blob与文本字符相互转换示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • JS操作Cookies的小例子

    JS操作Cookies的小例子

    这篇文章介绍了JS操作Cookies的小例子,有需要的朋友可以参考一下
    2013-10-10
  • javascript操作元素的常见方法小结

    javascript操作元素的常见方法小结

    这篇文章主要介绍了javascript操作元素的常见方法,结合实例形式总结分析了JavaScript针对页面元素动态获取、赋值、动态操作相关使用技巧,需要的朋友可以参考下
    2019-11-11
  • 微信小程序全局变量改变监听的实现方法

    微信小程序全局变量改变监听的实现方法

    这篇文章主要给大家介绍了关于微信小程序全局变量改变监听的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • 关于js二维数组和多维数组的定义声明(详解)

    关于js二维数组和多维数组的定义声明(详解)

    下面小编就为大家带来一篇关于js二维数组和多维数组的定义声明(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10

最新评论