Internet Explorer에서 내 드롭다운이 잘리는 이유는 무엇이며 어떻게 해결할 수 있습니까?

IE의 고정 너비 드롭다운 컷오프: A 해상도

드롭다운에서 선택 가능한 일부 항목이 지정된 너비인 145px를 초과하면 문제가 발생합니다. Firefox에서는 드롭다운이 가장 긴 항목의 너비에 맞춰 조정됩니다. 그러나 IE6 및 IE7에서는 드롭다운이 145px로 제한되어 긴 텍스트가 숨겨집니다.

CSS 스타일링:

select.center_pull {
    width: 145px;
    /* ... Other CSS properties ... */
}

HTML 마크업:

<select>

IE 8 해결 방법:

IE 8의 경우 CSS 기반 솔루션을 사용할 수 있습니다.

select:focus {
    width: auto;
    position: relative;
}

이렇게 하면 드롭다운에 포커스가 있을 때 더 긴 항목을 수용할 수 있도록 확장됩니다. 그러나 IE 7 이하에서는 :focus 선택기가 지원되지 않습니다. 이러한 이전 버전의 경우 대체 솔루션이나 호환 모드가 필요할 수 있습니다.

위 내용은 Internet Explorer에서 내 드롭다운이 잘리는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!