怎么用CSS和Div美化select样式

本篇内容主要讲解“怎么用CSS和Div美化select样式”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么用CSS和Div美化select样式”吧!

成都创新互联公司专业为企业提供浦东网站建设、浦东做网站、浦东网站设计、浦东网站制作等企业网站建设、网页设计与制作、浦东企业网站模板建站服务，十余年浦东做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

来直接看这个示例：

CSS Code复制内容到剪贴板

1. .select { margin: 0; padding: 0; border:1px solid #cccccc; float: left; display: inline; }   

2. .select div { border:1px solid #f9f9f9; float: left; }   

3. .select>div { overflow: hidden; }   

4. * html .select div select { display:block; float: left; margin: -2px; }   

5. .select div>select { display:block; float:none; margin: -2px; padding: 0px; }   

6. .select:hover { border:1px solid #666; }   

HTML

XML/HTML Code复制内容到剪贴板

1.   

2.     

     

3.           

               

   看见效果了吧  

               

   看见效果了吧  

               

   看见效果了吧  

           

     

4.