재우니의 블로그

이태원 참사에 대한 깊은 애도를 표합니다. 티스토리측에서도 공지했듯 이태원 참사 관련으로 콘텐츠를 생산하는분이 없기를 바랍니다.

반응형

 

 

CSS 활용하기

 

option 에 class 를 지정하여 color 를 설정할 수 있다.

.others {
    color:black
}

.othersRed {
    color:red
}

 

<select id="select">
    <option style="color:gray" value="null">select one option</option>
    <option value="1" class="others">one</option>
    <option value="2" class="othersRed">two</option>
</select>

 

jQuery 활용하기

 

또는 jQuery 로 selected 된 값에 따라 color 를 직접 수정이 가능하다.

$(document).ready(function() {
   $('#select').css('color','gray');
   $('#select').change(function() {
      var current = $('#select').val();
      if (current != 'null') {
          $('#select').css('color','black');
      } else {
          $('#select').css('color','gray');
      }
   }); 
});

 

 

발췌

 

https://stackoverflow.com/a/8635403

 

How do change the color of the text of anwithin a

 

반응형

댓글

비밀글모드