ul模拟select下拉框样式解决原生select的css兼容问题

最近项目用到了下拉菜单,又不想引入其他UI框架来实现,在网上查了好久能不能用css+js来兼容select在各个浏览器的不适应,答案是否定的!无法兼容,这条路宣告堵死,其实还是因为自己懒不愿意自己做,不要在意这些细节,回到正题。
所以又开始查了第二方案,自定义下拉框来仿select,还是不够理想,网上的帖子不是做的太丑就是bug太多,那我打算找个好看的样式改改功能吧。


ul模拟select下拉框样式解决原生select的css兼容问题_第1张图片
仿select下拉框样式

样式为图片的效果原链接在这,我花了20分钟做了样式优化和功能修改(因为有bug,咳咳),下面放出修改后的代码



    
        
        
        
    
    
        
        
    • chrome
    • safari
    • Edge
    • firefox
    • ie8

复制这段代码就能看到它的效果了,快来试试吧~~要是觉得不错给我点颗心吧(^-^)V

你可能感兴趣的:(ul模拟select下拉框样式解决原生select的css兼容问题)