select让默认选项的字体颜色和真正的值不一样的实现方法

//样式
select{
    color: #D8D8D8;
}

<select id="type">
	<option value="" selected>请选择类别</option>
    <option value="强标">强标</option>
    <option value="推标">推标</option>
</select>

//注意我这里用到了jquery啊
$("select").click(function(){
   $("select").find("option").each(function(){
        $(this).addClass("active")
    })
    if(!$(this).val()){
        document.getElementById("type").style.color = "#D8D8D8"
    }else{
        document.getElementById("type").style.color = "#333"
    }

})