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

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'}); //默认颜色
  }
});