1. 程式人生 > 其它 >select修改某個選項的字型顏色不生效的問題

select修改某個選項的字型顏色不生效的問題

技術標籤:jsjqueryjs

今天希望設定select下拉框第一個選項為灰色,其他選項為黑色時,在option標籤中設定style卻不生效,最後利用jquery的change方法實現該需求:

var unSelected = "#666666";
    var selected = "#000000";
        $("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); }
});

實測該方法可行