Safari 및 IE 선택 목록에서 패딩이 작동하지 않는 이유는 무엇입니까?

Safari 및 IE의 선택 목록에 패딩이 표시되지 않음

W3 사양의 제한이 없음에도 불구하고 선택 상자의 패딩은 다음을 포함한 WebKit 브라우저에서 지원되지 않습니다. 사파리와 크롬. 결과적으로 이러한 브라우저에서는 패딩이 적용되지 않습니다.

이 문제를 해결하려면 padding-left 대신 text-indent 사용을 고려해 보세요. 그에 따라 선택 상자의 너비를 늘려 동일한 들여쓰기 양을 유지하세요.

예를 들어 코드에서

<code class="html"><select id="sexID" name="user[sex]"
        style="border:1px solid #C1272D;
               width:258px; // 243 + 15px
               text-indent:15px;
               height:25px;
               color:#808080;"></code>

text-indent:15px를 추가하고 너비를 258px로 늘립니다. , 선택 상자는 이제 왼쪽 여백이 15픽셀인 것처럼 동일한 들여쓰기를 표시하면서도 WebKit 브라우저에서는 여전히 올바르게 작동합니다.

위 내용은 Safari 및 IE 선택 목록에서 패딩이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!