Safari 및 Internet Explorer에서 선택 목록에 패딩을 적용하는 방법은 무엇입니까?

Safari 및 IE 선택 목록에 패딩이 적용되지 않음

Safari 및 Internet Explorer에서 선택 목록의 스타일을 향상시키는 것은 다음과 같은 이유로 어려울 수 있습니다. 패딩에 대한 지원 부족. W3C(World Wide Web Consortium) 사양에서는 선택 상자에 패딩을 허용하지만 Safari 및 Chrome과 같은 웹킷 브라우저는 이 기능을 무시합니다.

이 문제를 극복하기 위한 대체 접근 방식은 대신 텍스트 들여쓰기를 사용하는 것입니다. 패딩 왼쪽. 선택 상자의 너비에 동일한 양을 추가하면 원하는 간격을 효과적으로 얻을 수 있습니다.

다음 코드를 고려하세요.

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

이 예에서는 원하는 15px를 얻는 방법을 보여줍니다. text-indent: 15px를 적용하고 이에 따라 선택 상자의 너비를 늘려서 패딩합니다.

위 내용은 Safari 및 Internet Explorer에서 선택 목록에 패딩을 적용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!