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

从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>