首页>>表单>>自定义的一些不同样式的下拉select选择框(2017-03-31)

自定义的一些不同样式的下拉select选择框

 本例一共8个不同的select效果，包括下列框带图片，圆形备选项，盒子备选项等等

自定义的一些不同样式的下拉select选择框
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <header class="codrops-header">  
  2.                 <nav class="codrops-demos">  
  3.                     <a class="current-demo" href="index.html">Border</a>  
  4.                     <a href="index2.html">Underline</a>  
  5.                     <a href="index3.html">Elastic</a>  
  6.                     <a href="index4.html">Slide</a>  
  7.                     <a href="index5.html">Overlay</a>  
  8.                     <a href="index6.html">Rotate</a>  
  9.                     <a href="index7.html">Box Select</a>  
  10.                     <a href="index8.html">Circular</a>  
  11.                 </nav>  
  12.             </header>  
  13.             <section>  
  14.                 <select class="cs-select cs-skin-border">  
  15.                     <option value="" disabled selected>Preferred contact method</option>  
  16.                     <option value="email">E-Mail</option>  
  17.                     <option value="twitter">Twitter</option>  
  18.                     <option value="linkedin">LinkedIn</option>  
  19.                 </select>  
  20.             </section>  

 


原文地址:http://www.freejs.net/article_biaodan_599.html