select默认颜色和选中颜色的修改

2018-12-29    分类: wordpress教程

select 颜色 修改  设置

 

效果就是,默认显示一种颜色选中后又是另一个种颜色。

 

 

方法一:

    var unSelected = "#999";
    var selected = "#333";
    $(function () {
        $("select").css("color", unSelected);
        $("option").css("color", selected);
        $("select").change(function () {
            var selItem = $(this).val();
            if (selItem == $(this).find('option:first').val()) {
                $(this).css("color", unSelected);
            } else {
                $(this).css("color", selected);
            }
        });
    })

 

 

方法二:推荐


<select style="color: #D3D6DA">
<option selected value="">请输入真实姓名</option>
<option value="123">456</option>
<option value="456">456</option>
</select>


$("select").on('change',function(){
if($(this).val() !== "" ) {
$(this).css({color: '#454545'}); //选中后颜色
} else {
$(this).css({color: '#D3D6DA'}); //默认颜色
}
});