清除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;}  //消除查看密码的功能

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

相关文章
|
3月前
|
安全 Shell
关于双击桌面上的IE图标却显示“打开方式”对话框的解决办法
关于双击桌面上的IE图标却显示“打开方式”对话框的解决办法
|
iOS开发 网络架构 数据安全/隐私保护