IE浏览器input去掉文本框的叉叉和密码输入框的眼睛
浏览： 5,441次 日期：2018年02月22日 13:24:11 作者：青格勒
从IE 10开始
1、type=”password” 输入内容后出现眼睛图标，点击不放会查看密码
2、type=”text” 输入内容后出现八叉（×），点击之后会清空内容
具体如下图：
这个功能好是好，但是有时候真的满足不了伟大的产品以及设计的要求，这时候需要取消这个功能了
一般来说我们可以使用一下方法分别去掉这个功能
input::-ms-reveal,input::-ms-clear{display:none;}
1、::-ms-reveal是密码查看按钮
2、::-ms-clear 是文本清除按钮
<div class="box">
<input id="input_1" type="password"/>
<input id="input_2" type="text"/>
</div>
<style type="text/css">
.box{ width:300px; margin:20px auto;}
.box input{ display:block; height:30px; line-height:30px; width:100%; margin-bottom:20px;}
#input_1::-ms-reveal{display:none;}
#input_2::-ms-clear{display:none;}
</style>文章链接：http://cenggel.com/htmlcss/67.html
版权声明：文章《IE浏览器input去掉文本框的叉叉和密码输入框的眼睛》由青格勒编写，转载请带上文章链接。
本章内容纯属乱讲，如有雷同，纯属巧合。如有借鉴之处已表明出处。
点击任意位置关闭窗口，感谢您的支持。
打赏规则 - 为了避免对于打赏模式产生误解，说明一下几点内容：
- 1.打赏纯粹自愿，金额不限，别太多，1块就行；
- 2.打赏不能作为解答疑问的理由；
- 3.打赏不能帮你做毕业设计或论文；
- 4.打赏不能帮你做工作中的项目；
- 5.打赏就是这不能那不能，只是单纯打赏而已。
- 5.最后谢谢支持。
相关文章
-
2022-06-20
◆ ‘vue-cli-service’不是内部或外部命令也不是可运行的程序
-
2018-06-23
◆ textarea文字垂直排版
-
2018-06-22
◆ css图片居中的一些方法
-
2018-06-12
◆ select取消箭头
-
2018-06-11
◆ CSS美化select下拉框
-
2018-05-31
◆ CSS透明opacity的兼容写法
正好可以用得到了