HTML : Select 옵션 스타일이 작동하지 않습니다.

Question

선택 상자의 스타일을 지정하고 모든 색상 옵션을 빨간색으로 변경하려고합니다. 그러나 웹 페이지를로드 할 때 선택 상자의 색상은 여전히 ​​검정색입니다. 어떤 도움을 주시겠습니까?

다음은 HTML & CSS입니다 :

select.selector option { 
 
    color: red; 
 
}

<select style="font-size: 16px; padding: 4px;" name="category" id="categoryselector" class="selector"> 
 
    <option disabled></option> 
 
    <option value='all'>all</option> 
 
    <option disabled></option> 
 
    <option>Hardware and OS</option> 
 
</select>

그리고 여기 당신은 선택 상자 내에서 옵션에 색상을 적용하고 JSFiddle

Answer 1

입니다.

select.selector{ 
color:red; 
} 

Answer 2

는이 코드 시도하십시오 :, 눈에 보이는 선택 상자에 적용하기 위해 사용

이

select option { 
    background: rgba(0,0,0,0.3); 
    color:red; 
} 

Answer 3

선택 옵션 스타일링이 크롬 (MAC OSX)에서 작동하지 않습니다, 그러나 그것은 것입니다 Firefox뿐만 아니라 모든 시스템에서 작동합니다 (Windows 7).

here