清除IE10下input的(X)和密码输入框的眼睛图标

简介: 清除IE10下input的(X)和密码输入框的眼睛图标

当我们做一个简单的输入框的时候,浏览器会给我们提供一些我们其实不需要的便捷方式,例如下面的这个:

还有下面这个:

点击X的时候可以清除输入的文本,点击小眼睛的时候可以看到密码;效果如下:

其实我用到的时候还是觉得IE..嗯...很人性化,直到项目里面要求不准看到的时候我才发觉我想的太天真,赶紧给我滚,想去掉但是去不掉,哎,可能IE和老罗是一个脾气,功能你可以不要,但是我必须要做,嗯,想法不错,最后我还是成功的被你圈粉了...好吧跑远了,我们回到正题,真去掉呢?很简单的,两行代码搞定,上代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <style>
    input::-ms-clear{display: none;}
    input::-ms-reveal{display: none;}
  </style>
  <body>
    文本:<input type="text" />
    密码:<input type="password" />
  </body>
</html>

主要的功劳是css的:

input::-ms-clear{display: none;}   //消除X的功能
input::-ms-reveal{display: none;}  //消除查看密码的功能

嗯,不明白的下方留言(能有什么不明白?但是可以说谢谢啊!哈哈)

相关文章
|
iOS开发 网络架构 数据安全/隐私保护
|
前端开发 数据安全/隐私保护
|
7月前
|
Web App开发 前端开发 JavaScript
|
5天前
|
存储 机器人
在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
【2月更文挑战第28天】在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
25 1
|
8月前
|
Web App开发 XML 编解码
IE浏览器下载文件中文文件名乱码问题解决
IE浏览器下载文件中文文件名乱码问题解决
92 0
|
5天前
|
Web App开发 JavaScript 前端开发
JavaScript在IE和标准浏览器下的兼容性处理
JavaScript在IE和标准浏览器下的兼容性处理
46 0
|
6月前
|
前端开发
border-radius 兼容 IE8浏览器
border-radius 兼容 IE8浏览器
42 1
|
6月前
|
Web App开发 移动开发 安全
IE浏览器,和Edge浏览器
IE浏览器,和Edge浏览器
|
6月前
|
JavaScript
兼容IE浏览器
兼容IE浏览器
38 0