下拉框樣式在不同瀏覽器的簡單兼容

---恢復內容開始---

通常我們一個簡單的<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縮小比例，剪切了一下

---恢復內容結束---