jQuery를 사용하여 옵션 요소의 텍스트 일부 색상 변경

Question

jQuery를 사용하여 <option> 텍스트의 일부를 특정 색으로 설정할 수 있습니까? 예 :

"모피어스"의 색을 변경하고 싶습니다. 가능한가?

Answer 1

, 쉬운 방법 또는 없다 크로스 브라우저 솔루션. LIs을 사용하여 사용자 정의 된 선택 상자를 모방 한 다음 사용자 정의 솔루션을 사용해야 만 jquery로 스타일을 지정할 수 있습니다.

예 : check out the one option here 사용자가 원하는대로 사용자 정의 (색상 추가 등) 할 수 있습니다. 응용 프로그램이 실행되는 동안 (JQuery와 사용) 색상을 변경하려면

Answer 2

나는 많이 당신을 돕는 jQuery를 볼 수 없지만,이 작업을 수행 할 수있는 자바 스크립트 일부 일반 : 당신 이 select 상자의 옵션 값을 의미하는 경우

"John,Rambo,Indiana,Jones,Morpheus,John,McClane,Forrest,Gump".replace(/Morpheus/gi, "<p style='color:blue'>Morpheus</p>") 

Answer 3

, 당신의 CSS 색상을 변경하는 JQuery와 사용 ... 그리고 ... 같은

<SELECT> 
<OPTION>What is your preferred browser?</OPTION> 
<OPTION id="b1" style="color:Blue">Explorer 5.5</OPTION> 
<OPTION id="r1" style="color:Red">Explorer 6.0</OPTION> 
</SELECT> 

뭔가를 시도 할 수 있습니다 은 "B1"또는 "R1"요소 ...

$("#b1").css("color", "#FF0000"); 

Answer 4

이 시도 :

는

$("#mySelect option:contains('Morpheus')").css("background-color","red")