下拉框样式在不同浏览器的简单兼容

---恢复内容开始---

通常我们一个简单的<select></select>里面再放option就是最简单的一个下拉框，然而不同浏览器对select的解析却不同。尤其是万恶的ie。

网上的做法就是先把默认的样式清除，我再做一个小图标放在框里。

/*清除iIE的默认选择框样式*/
/*select::-ms-expand { display: none; }*/

/*select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url("/assets/imgs/font-select.png") no-repeat scroll transparent right;
  padding-right: 14px;
}*/

右边是我用的图片

搞这个图片也费劲，原来大小不合适，又用ps缩小比例，剪切了一下

---恢复内容结束---