清除IE10下input的(X)和密码输入框的眼睛图标
清除IE10下input的(X)和密码输入框的眼睛图标
何处锦绣不灰堆
发布于 2020-05-29 12:04:17
发布于 2020-05-29 12:04:17
当我们做一个简单的输入框的时候，浏览器会给我们提供一些我们其实不需要的便捷方式，例如下面的这个：
还有下面这个：
点击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;} //消除查看密码的功能本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018-04-18 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读