前端开发最头疼的问题之一:应该就是兼容ie浏览器,特别是低版本的ie(蓝瘦);这次需要做一个自定义样式的输入框,结果在浏览器测试时发现ie自带的删除按钮影响了自定义的样式,使用下面的css成功解决了ie11的问题,但是使用仿真模式ie9还是存在这个删除按钮,公司电脑都是win10系统(只能使用真实版本的ie11),结果耗了半天时间发现,居然…
1、IE10、IE11
css样式设置
/* 文本输入框删除按钮 */
input::-ms-clear{display: none;}
/* 密码框小眼睛 */
input::-ms-reveal{display: none;}
2、存在问题:仿真模式下IE9及以下版本还是会有删除按钮
不用担心,其实真实版本ie9及以下版本中是不存在自带的删除按钮的,无需处理,后面在网上看到一些文章也说是ie9及以下真实版本是不支持删除按钮功能的;本人在虚拟机上装了win7系统验证ie9输入框中确实没有删除按钮(看来仿真不一定可靠,以后还是要用真实版本进行测试)
仿真ie9:

真实ie9:

本文探讨了在前端开发中,如何解决IE10、IE11浏览器中自定义输入框样式受自带删除按钮影响的问题,并指出真实版本的IE9及以下并无此问题,强调了仿真测试与真实版本测试的区别。

被折叠的 条评论
为什么被折叠?



