스타일이 Firefox 브라우저에서만 선택 옵션에 적용 되었습니까?

Question

나는 위의 스타일

.hdng 
{ 
font-weight: bold; 
padding-top: 10px; 
} 

혼자 파이어 폭스 브라우저에 적용, 내가 스타일의 제목을 적용 내 스타일

<select> 
<option class="hdng">Number</option> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option class="hdng">Alphabets</option> 
<option>a</option> 
<option>b</option> 
<option>c</option> 
</select> 

, 아래처럼 내 형태를 선택하는 옵션이 있습니다. 나머지 브라우저에서는 스타일이 지원되지 않습니다. 수정 사항이 있습니까?

Answer 1

크롬에서도 나에게 적합하지 않습니다. 16 더 나은 스타일링 지원을 원하는 경향이있는 optgroup을 사용하는 것이 더 바람직합니다. &은 시도하는 의미상으로 정확합니다. http://stackoverflow.com/search : 나를 위해

<select> 
<optgroup label="Number"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</optgroup> 
<optgroup label="Alphabets"> 
    <option>a</option> 
    <option>b</option> 
    <option>c</option> 
</optgroup>  
</select> 

http://jsfiddle.net/sVKjv/1/