IE浏览器input去掉文本框的叉叉和密码输入框的眼睛

浏览: 4,895次 日期: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.最后谢谢支持。
关闭
相关文章

一条回应:“IE浏览器input去掉文本框的叉叉和密码输入框的眼睛”

  1. 可爱的猫猫说道:

    正好可以用得到了

发表评论

邮箱地址不会被公开。 必填项已用*标注