1. 程式人生 > >下拉框樣式在不同瀏覽器的簡單相容

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

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

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

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