IE9中,去掉select下拉列表的默认样式
发布日期:2021-05-27 01:31:32 浏览次数:5 分类:技术文章

本文共 359 字,大约阅读时间需要 1 分钟。

IE9中,去掉select下拉列表的默认样式

废话不多说,直接贴代码

	
IE9中去掉select的默认样式--尝试版

结果显示成如下图在这里插入图片描述

因此,此方案根本无法解决问题,IE8、IE9并不支持 appearance:none 属性,这时可以利用外层的div父容器,利用父容器来覆盖小箭头,然后为select 添加一个向右的偏移或者宽度大于父容器,设置父容器的css属性为超出部分不可见,即可覆盖小箭头,然后为父容器添加背景图片即可,具体代码如下:

	
IE9中去掉select的默认样式--终极版

浏览器中的效果:

在这里插入图片描述
那么,至此,就可以实现想要的效果啦!

转载地址:https://blog.csdn.net/hxm2017jy/article/details/109471530 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:js中数组对象的排序及vue项目中的使用
下一篇:两数之和

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2023年11月22日 19时14分28秒