
IE9中,去掉select下拉列表的默认样式
父容器设置:为select元素添加一个父容器 隐藏箭头:通过CSS 背景图片:在父容器中设置背景图片,配合
发布日期:2021-05-27 01:31:32
浏览次数:28
分类:精选文章
本文共 619 字,大约阅读时间需要 2 分钟。
在IE9浏览器中,想要去掉select下拉列表的默认样式,可以通过以下方法实现:
方法一:使用CSS覆盖默认样式
可以通过设置CSS来覆盖select元素的默认样式。具体实现如下:
方法二:隐藏默认下拉箭头
需要注意的是,IE浏览器不支持appearance:none
,因此需要采用特殊方法来隐藏下拉箭头。以下是具体代码:
代码说明
select-wrapper
,设置父容器的overflow: hidden
,以覆盖select下拉时产生的默认箭头。select::-ms-expand
,设置display: none
,实现隐藏IE默认的下拉箭头。padding-right
和width
的设置,确保下拉元素不会被遮挡。注意事项
- 确保背景图片路径正确。
- 如需在不同浏览器中兼容,可考虑使用更通用的CSS和HTML设置。
- 可以根据需要调整
width
和padding
的值,使其与设计风格保持一致。
希望以上方法能帮助您解决在IE9中去掉select默认样式的问题!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2025年05月07日 05时12分07秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【Jquery】获取当前窗口的宽度值/高度值
2019-03-13
Android 架构组件 – 让天下没有难做的 App
2019-03-13
启动MongoDB出现1053错误
2019-03-13
Flask操作SQLAlchemy
2019-03-13
网络对抗技术-Exp2-后门原理与实践 20181314
2019-03-13
能解决数据可视化大屏需求的3款可视化工具
2019-03-13
欢迎来到小迪博客
2019-03-13
【Altium Designer21】工作栏中文解析
2019-03-13
[87]用secureCRT连接虚拟机中的Ubuntu系统,出现“远程主机拒绝连接”错误
2019-03-13
Shell脚本防DNS攻击检测并删除肉机IP
2019-03-13
如何在VSCode中定制JSON的IntelliSense
2019-03-13
椭圆曲线的定义
2019-03-13
多代理区块链框架客户端的操作
2019-03-13
RSA操作中的公钥和私钥的生成
2019-03-13
C#从1打印到100再打印到1-递归的应用
2019-03-13
go语言中类的继承和方法的使用
2019-03-13
Ubuntu 修改权限的操作
2019-03-13
caffe训练的时候遇到的text-format 错误解决方案。
2019-03-13
Java 8新特性(一):Lambda表达式
2019-03-13