초기 선택 값에 따라 CSS로 스타일을 다르게 지정할 수 있습니까?

Question

드롭 다운 컬렉션을 위해 CSS 프리젠 테이션에서 데이터를 분리하려고합니다. 한 가지 어려운 점은 현재 선택된 사용자로 미리 채워진 선택 드롭 다운을 강조 표시하는 것입니다. 나는

http://jsfiddle.net/tchalvakspam/YmmvU/

드롭 다운의 텍스트 색상을 옵션 내가 원하는만큼 스타일을 할 수 있지만, (적어도, 파이어 폭스에서) 변경할에서 받침대를 선택 상자의 텍스트를 얻을 수 없다 jsfiddle이 무슨 뜻인지 보여줍니다. 내가하고 싶은 무엇

은 : 드롭 다운의

변화 색상들이 선택 이외의 옵션 값 ''(빈 문자열 기본 옵션)으로 시작합니다. 빨간색으로 강조 표시하십시오.

순수 CSS로 가능합니까, 아니면 js를 사용해야합니까?

Answer 1

귀하의 코드

#smart-search-form option[selected=selected]{ 
    color: #ff0000 !important; 
} 

당신이 옵션을 선택하면, 당신은 그것의 재산 selected을 변경하기 때문에 작동 있지만 그 속성 selected하지 않습니다. 따라서 선택자 [selected=selected]은 기본 옵션과 일치합니다.

option:selected과 같은 것이 필요하지만 존재하지 않는 것 같습니다.

(Set selected option via CSS? 참조)