关闭

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

标签: ie 10css
95人阅读 评论(0) 收藏 举报
分类:

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/

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:354次
    • 积分:25
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档