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

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

通常我们一个简单的<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缩小比例,剪切了一下

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

posted @ 2018-06-21 09:50  $>_<$  阅读(175)  评论(0编辑  收藏  举报