옵션 태그가있는 CSS - 텍스트 색상 편집

Question

CSS가있는 옵션 태그를 편집하는 데 아무런 비밀이 있습니까? 이 문제를 해결할 수 없습니다.

<option> FirstName <span class = "foo">SecondName</span> </option> 

.foo{ 
    color:#666666; 
} 

무엇이 누락 되었습니까?

Answer 1

<option> elements cannot contain anything other than text. 따라서 콘텐츠 섹션에 스타일을 적용 할 수 없습니다.

<select>을 사용하거나 스타일을 신경 쓰지 마세요. 귀하의 유스 케이스에서, 그것은 실제로 어쨌든 적합하지 않습니다. 그냥 이름을 입력하는 것이 낫 겠지?

Answer 2

나는이 질문이 오래된 것을 알고 있지만, CSS의 세계에 새로운 발전이 있습니다!

color 속성은 select option에 색상을 추가/초과하는 동안 옵션 텍스트 색상 (선택 항목 포함)을 설정합니다.

는 CSS :

select { 
    color: white; /* color of selected option */ 
} 

select option { 
    color: black; /* color of other options */ 
}