自定义下拉列表select样式

jq：

$(".select-head").each(function(){

$(this).click(function(event) {//自定义下拉列表框显示和隐藏
console.log(0);
$(this).siblings("ul.option").toggleClass("hide");//切换hide样式
$(this).parent().toggleClass("select_active");//切换select_active样式
event.stopPropagation();//阻止该标签向上冒泡
//当点击其他自定义下拉列表时关闭下拉框
$(this).parents(".option_div").siblings(".option_div").find("ul.option").addClass("hide");
//当点击其他自定义下拉列表时关闭select_active样式
$(this).parents(".option_div").siblings(".option_div").find("li.select").removeClass("select_active");
}) 
})

$("body")[0].addEventListener("click",function(){//当点击其他地方时自定义下拉列表框隐藏和效果移除
 $("ul.option").addClass("hide"); 
 $("li.select").removeClass("select_active");

},false)

css样式

/*下拉框样式*/
.select_ul {
width: 100%;
height: 100%;
display: inline-block;
list-style: none;<