CSS3美化表单控件全集

1. <div class="container">           <div class="select">  
2.             <p>所有选项</p>               <ul>  
3.                 <li class="selected" data-value="所有选项">所有选项</li>                   <li data-value="Python">Python</li>  
4.                 <li data-value="Javascript">Javascript</li>                   <li data-value="Java">Java</li>  
5.                 <li data-value="Ruby">Ruby</li>               </ul>  
6.         </div>       </div>    
7.   

ul用来模拟下拉列表，在实际的使用过程中，可以根据后台返回过来的数据动态生成。p元素用来渲染选中的选项。
 
核心样式：