CSS select样式优化一个例子

作者：袖梨 2022-06-25

CSS 下拉选择菜单基本的CSS样式不怎么好看，通过一些简单的样式优化，可以得到上面的样式，不兼容IE6样式，因为用到了opacity。

 代码如下 复制代码

 


       

           

               
select-area" id="select">
                   

                           

  •                            

                                   
                                   
                               

                           

    •                        

  •                            

                                   
                                   
                               

                           

    •                        

  •                            

                                   
                                   
                               

                           

    •                        

  •                            

                                   
                                   
                               

                           

    •                    

               

               

                   
               

           

       

   

CSS样式：

 代码如下 复制代码

 

JQuery代码：

 代码如下 复制代码

效果代码如下

 

CSS select样式优化一个例子

注意：记得加载jquery插件哦

相关文章

精彩推荐