IE浏览器input去掉文本框的叉叉和密码输入框的眼睛
浏览: 4,977次 日期: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的兼容写法
正好可以用得到了