select标签样式美化

纯css清除 select标签默认样式

select{
  border: 0;    
  appearance: none;/*清除select下拉框默认样式*/   
  -moz-appearance: none;    
  -webkit-appearance: none;   
  padding-right: 100/108rem; /* 为下拉小箭头留出一点位置，避免被文字覆盖 */
  background: url("../images/select-next.png") no-repeat scroll right center transparent; 
  /* 自定义图片覆盖原有的下三角符号 */
  background-size: 34/108rem; 
}