如何样式选择选项
这个问题在这里已经有了答案：
我不认为有一种方法可以用CSS来完成，你必须隐藏选择，用列表复制它，然后复制功能。
这需要清理很多，但应该让你开始：
https://jsfiddle.net/94mb53mj/
$(function() {
var options = $("select option").map(function() {
return $("<li style='display: none' data-value='" + $(this).attr('value') + "'>" + $(this).text() + "</li>")
}).get();
var $ul = $("<ul></ul>");
$ul.append(options)
$("select").hide().after($ul)
$("li").first().show().on("click", function() {
$(this).siblings().toggle();
}).siblings().on("click", function() {
$("select").val($(this).data("value"));
$("li").first().html($(this).html()).siblings().toggle();
});
})
据我所知，你所寻找的内容不能用内置的CSS来完成。 选择的CSS可以更改，但选择选项的CSS自定义仅限于背景颜色和颜色，也可能更多。 这是因为该选项的样式由浏览器处理。
但是和往常一样，你可以使用模仿选择框的jquery插件。 然后疯狂定制。
链接地址: http://www.djcxy.com/p/41601.html