首页>>表单>>纯css隐藏select的箭头(2015-04-23)

纯css隐藏select的箭头

 非模拟select

纯css隐藏select的箭头
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

CSS Code
  1. .sort-by > select{ width:80px; overflow:hidden;  float:left; background:#FFF; border:1px solid #cccccc; margin-top:10px;}  
  2. select{text-indent: 0.01px;text-overflow: "";-moz-appearance:none;-webkit-appearance:none;appearance:none;-o-appearance:none;background:#FFFFFF; margin-left:50px;}  
XML/HTML Code
  1. <div class="sort-by">  
  2. <select onchange='window.location="search.php?keywords=&"+this.value' class="SelectList" title="Sort By">  
  3.                                              
  4. <option value="order=product_name&switcher=asc&limit=" >  
  5. Name                        </option>  
  6. <option value="order=product_id&switcher=asc&limit=" >  
  7. Item No.                        </option>  
  8. <option value="order=updatetime&switcher=desc&limit="  selected="selected">  
  9. Update                       </option>  
  10. </select>  
  11. </div>  

 


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