CSS : : checked와 유사한 선택 유사 클래스이지만

CSS : : checked와 유사한 선택 유사 클래스이지만요소 <select> 요소에서 현재 선택된 <option> 요소의 스타일을 지정하는 방법이 있습니까? 그런 다음 현재 선택한 옵션 요소에 배경색을 지정할 수 있습니까? 이렇게하면 현재 닫힌 드롭 다운에서 볼 수있는 옵션의 스타일을 지정할 수 있습니다. : checked 가상 클래스는 처음에는 HTML4가 선택되고 속성이 확인 된 요소에 적용됩니다. Source : w3.org 따라서 모든 브라우저에서 색상 스타일을 지정할 수는 없지만이 CSS는 작동합니다. option : checked {color : red; } 드롭 다운 목록에서 현재 선택된 항목을 숨기는 동작의 예입니다. 옵션 : 선택 {표시 : 없음; } <select> <option> A </ option> <option> B </ option> <option> C </ option> </ select> 닫힌 드롭 다운에서 현재 선택된 옵션의 스타일도 지정하려면 논리를 반대로 시도 할 수 있습니다. select {color : red; } option : not (: checked) {color : black; } / * 또는 기본 스타일이 무엇이든 * / 실제로 : modified 옵션 요소에서 CSS 속성을 몇 개만 스타일링 할 수 있습니다. 색상은 작동하지 않습니다. 배경색도 작동하지만 배경 이미지를 설정할 수 있습니다. 이것을 그라디언트와 결합하여 트릭을 수행 할 수 있습니다. option : hover, option : focus, option : active, option : checked {background : linear-gradient (# 5A2569, # 5A2569); } <select> <option> A </ option> <option> B </ option> <option> C </ option> </ select> gecko / webkit에서 작동합니다. 이것은 나를 위해 일했습니다 : 선택 옵션 {색상 : 검정; } select : not (: checked) {color : gray; } 참고 URL : https : // stackoverflow.