去掉 IE 浏览器在 input 下自带的叉号和小眼睛

发表于

在 Edge 浏览器下，对于 input[type=”text”] 来说，当在输入框里输入内容时，输入框右边会出现一个“×”号，点击之后可以清除掉该 input 里的所有内容。这个按钮有时对用户来说是比较方便的。但有时，我们可能不需要这个按钮，或者是我们需要自己定制一个符合指定样式和功能的按钮，因此这时候就需要将浏览器自带的隐藏掉

// 这个样式只是针对 IE 浏览器下 type="text" 的 input
input[type="text"]::-ms-clear {
	display: none
}
// 也可以指定所有 input
input::-ms-clear {
	display: none
}

同样，有时候并不需要使用到 input[type=”password”] 的小眼睛（通过点击可以看到密码的内容），因此隐藏的方法如下：

// 这个样式只是针对 IE 浏览器下 type="text" 的 input
input[type="password"]::-ms-reveal {
	display: none
}