清除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开发 网络架构 数据安全/隐私保护
|
前端开发 数据安全/隐私保护
|
11月前
|
Web App开发 前端开发 JavaScript
|
3月前
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
34 0
|
1月前
|
JavaScript
VUE——如何兼容IE9|IE10|IE11浏览器
VUE——如何兼容IE9|IE10|IE11浏览器
35 0
VUE——如何兼容IE9|IE10|IE11浏览器
|
2月前
|
安全 网络安全
用IE浏览器访问网站提示证书错误
当你在Internet Explorer中遇到证书错误提示,通常是因网站SSL/TLS证书问题或浏览器安全设置需调整。解决方法包括: 检查时间设置 调整IE设置 安装证书 调整计算机时间
|
3月前
win10取消ie浏览器自动跳转edge浏览器
win10取消ie浏览器自动跳转edge浏览器
120 4
|
4月前
|
存储 机器人
在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
【2月更文挑战第28天】在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
89 1
|
12月前
|
Web App开发 XML 编解码
IE浏览器下载文件中文文件名乱码问题解决
IE浏览器下载文件中文文件名乱码问题解决
117 0