去掉IE10+版本浏览器input右侧小标签

Ie10+ 浏览器对表单元素进行了进一步增强，添加了不少新功能，其中当文本框输入内容时右边会自动出现一个小叉，点击小叉可以清空文本框，如果想要隐藏小叉叉，可以通过css样式清除之，具体做法参考下面实例：

input::-ms-clear{display:none;}/*隐藏文本框叉子*/
input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/

注意上面css样式中是两个冒号，一个冒号大家都知道是伪类，而这两个冒号，叫作伪元素。
另外需要注意的是，因为伪元素是css3新增的功能，所以如果在IE10+浏览器下切换到兼容的低版本浏览器下时，右边的小叉还是存在的，这个目前似乎没有什么解决方案，不过在真实的低版本IE下因为原本就没有小叉叉的功能，自然也不会有问题。

本文转载自Jsoner，发布时间: 2014-12-27，原文链接http://www.jsoner.com/2014/12/27/%e5%8e%bb%e6%8e%89ie10%e7%89%88%e6%9c%ac%e6%b5%8f%e8%a7%88%e5%99%a8input%e5%8f%b3%e4%be%a7%e5%b0%8f%e5%8f%89/