清除IE下input的叉叉

 

很多时候，我们在开发过程中，设计师会在输入框后加上定制的清除图标，但是在IE下有IE自带的清除图标，肯定是不美观的。

<style>
    ::-ms-clear, ::-ms-reveal{display: none;}
</style>

<input type="text" />
<input type="password" />

这一块css3属性只对IE10及以上有效，那么在IE9以下，我暂时找不到更好的办法，想了一下，可以通过js判断ie版本，让ie9以下的版本隐藏自定制图标，这样就不会重叠样式。

if(navigator.appName == "Microsoft Internet Explorer"&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""))<10){
       //隐藏自定义样式
    }