IE의 옵션에 CSS 스타일 추가

Question

선택 목록의 옵션에 CSS 스타일을 적용하고 싶습니다.

Mozilla Firefox에서 완벽하게 작동하지만 IE와 Chrome에는 적용되지 않습니다. 사전에

jsfiddle for IE

<select class="mapField"> 
    <option value="1">This is option 1 of select list</option> 
    <option value="2">This is option 2 of select list</option> 
    <option value="3">This is option 3 of select list</option> 
</select> 

<style> 

select.mapField{ 
    width:120px; 
} 

.mapField option{ 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    width: 100px; 
} 

</style> 

감사합니다.

Answer 1

수 없습니다. <option>은 HTML이 아닌 OS에서 렌더링됩니다. background-color, color 및 border을 제외하고 스타일 요소를 통해 스타일 요소를 통해 적용된 스타일 설정은 무시됩니다. <select>처럼 보이는 플러그인을 검색 할 수는 있지만 실제로 스타일을 지정할 수있는 HTML 요소입니다.