IE8, Firefox 및 Chrome에서 선택 상자의 항목 너비가 다릅니다

Question

내 응용 프로그램의 선택 상자에 문제가 있습니다. 선택 상자에 폭을 지정했습니다. 선택 상자의 일부 항목 너비가 선택 상자의 실제 너비보다 큽니다. 각 브라우저에서 다르게 처리하고 있습니다. IE 8에서 선택 상자 항목의 축소를 볼 수 있습니다. 반면 Google 크롬 및 Firefox는 선택 상자에서 항목의 최대 너비를 차지합니다.

선택 상자의 너비를 제어하고 싶습니다. 이 일을 할 수있는 방법이 있습니까?

Answer 1

각 브라우저는 DOM 요소를 다르게 렌더링하므로이를 무시하려면 원하는 태그에! important CSS 설명을 사용해야합니다. 너비가 select의 유일한 속성이며 오버라이드해야합니다. 높이, 여백, 테두리 및 패딩은 중요한 것으로 사용해보십시오. 예.

select 
{ 
border:1px solid #ccc !important; 
height:20px !important; 
margin:0px !important; 
padding:0px !important; 
width:200px !important; 
} 

여전히 크기가 다른 경우 옵션 (선택 항목 하위)의 속성에 대한 내용도 무시해도됩니다.