IE浏览器去除input自带删除按钮

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  前端开发最头疼的问题之一:应该就是兼容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:

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值