各浏览器版本下select及其它小样式修改

最新推荐文章于 2023-12-29 10:54:20 发布

H5_power_chao

最新推荐文章于 2023-12-29 10:54:20 发布

阅读量1k

点赞数

分类专栏： ie8-9 select样式修改

本文链接：https://blog.csdn.net/H5_power_chao/article/details/53378095

版权

ie8-9 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

select样式修改

1 篇文章 0 订阅

订阅专栏

select{
     padding-left:8px; color:#333;
     appearance:none !important;
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    -ms-appearance:none !important;
    /*直接做一个类似下图的select样式*/
    background: url(../images/selectbg.png) no-repeat  100% 100% !important;  

}


![select背景图片](https://img-blog.csdn.net/20161128151618329)

旧版IE多用此方法。但是因为 IE8/9并不支持 appearance:none CSS属性。而这一点坑了我不少时间因为大部分select样式改变都是通过修改其背景。所以在ie8/9以下需要另一种解决方案

在select外层生成一个div 使其彻底覆盖。就可以了