> 웹 프론트엔드 > CSS 튜토리얼 > IE의 고정 너비 선택 드롭다운에서 잘린 콘텐츠를 어떻게 수정할 수 있나요?

IE의 고정 너비 선택 드롭다운에서 잘린 콘텐츠를 어떻게 수정할 수 있나요?

DDD
풀어 주다: 2024-11-25 17:20:13
원래의
203명이 탐색했습니다.

How Can I Fix Truncated Content in Fixed-Width Select Dropdowns in IE?

IE에서 고정 너비 잘림 콘텐츠가 있는 선택 드롭다운

고정 너비의 선택 드롭다운이 표시되면 특정 항목이 지정된 값을 초과할 수 있습니다. 너비로 인해 내용이 잘립니다. Firefox는 가장 긴 요소를 수용하기 위해 드롭다운 너비를 조정하는 반면, IE6 및 IE7은 드롭다운 너비를 제한하여 긴 항목을 읽기 어렵게 만듭니다.

IE에서 이 문제를 구체적으로 해결하려면:

  1. IE8의 경우 :focus 사용: CSS

    select:focus {
     width: auto;
     position: relative;
    }
    로그인 후 복사

    참고: 선택 상자가 고정 너비의 컨테이너 내에 있는 경우 위치 속성을 설정해야 합니다.

  2. 브라우저 호환성(IE7 이하): 안타깝게도 IE7 이하는 :focus 선택기를 지원하지 않습니다. 해당 브라우저에는 대체 솔루션이 필요할 수 있습니다.

위 내용은 IE의 고정 너비 선택 드롭다운에서 잘린 콘텐츠를 어떻게 수정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿