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

废话不多说，直接贴代码

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

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

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

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

浏览器中的效果：

那么，至此，就可以实现想要的效果啦！

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

上一篇：js中数组对象的排序及vue项目中的使用

下一篇：两数之和

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

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

废话不多说，直接贴代码

发表评论

最新留言

关于作者

推荐文章