고정 너비 선택 드롭다운이 Internet Explorer의 콘텐츠를 자르는 이유는 무엇이며 어떻게 해결할 수 있습니까?

IE에서 콘텐츠를 자르는 고정 너비의 드롭다운 선택

문제 설명:

언제 고정 너비의 선택 드롭다운을 사용하면 특정 항목에 지정된 너비를 초과하는 텍스트가 있을 수 있습니다. Internet Explorer(IE) 브라우저에서 잘림. IE6 및 IE7에서는 드롭다운 목록이 지정된 너비로 제한되어 긴 항목의 전체 내용을 볼 수 없습니다.

CSS 및 HTML:

제공된 CSS 및 HTML 코드는 문제:

select.center_pull {
    width: 145px;
}

<select></select>

해결책:

IE 8 이상:

IE 8 이상 , 간단한 CSS 기반 솔루션으로 다음 문제를 해결합니다. 문제:

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

이 규칙은 드롭다운에 포커스가 있을 때 가장 긴 항목을 수용하도록 드롭다운 목록의 너비를 조정합니다.

IE 7 이하:

안타깝게도 IE 7 이하에서는 :focus 선택기를 지원하지 않으므로 이를 해결하려면 추가적인 기술이 필요합니다. 잘림:

• JavaScript: 가장 긴 항목의 너비를 동적으로 계산하고 JavaScript를 사용하여 그에 따라 드롭다운 목록의 너비를 설정합니다.
• CSS 해킹 : CSS 해킹을 사용하여 IE에 대해 더 넓은 우선순위를 갖는 width: 자동 규칙을 적용하는 등 IE에 대한 더 넓은 드롭다운 목록을 강제합니다. 특히 IE 브라우저.

위 내용은 고정 너비 선택 드롭다운이 Internet Explorer의 콘텐츠를 자르는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!