如何解决IE 自带的密码框 小眼睛与输入框X符号

IE浏览器下，在 type=‘password’ 的input输入框输入密码后，在输入框的里面右侧会出现一个小眼睛，还有就是在elementUi中的时间控件增加可删除内容的时候，在每个时间后面会出现一个X的图标。
如下图

这与我定义的样式冲突了，显得格外难看。
为了去掉这个样式，可以使用下面的一段css代码：

input::-ms-clear{display:none;}/*删除文本框中的叉号*/
input::-ms-reveal{display:none;} /*删除密码框中的小眼睛*/

这两个属性都只对IE10+以上的浏览器有效，IE9及以下均无效