為什麼填入在 Safari 和 IE 選擇清單中不起作用？

Safari 和IE 中的選擇清單中不顯示填充

儘管W3 規格中缺乏限制，但WebKit 瀏覽器不支援選擇框中的填充，包括Safari和Chrome。因此，這些瀏覽器中不應用填充。

要解決此問題，請考慮使用 text-indent 而不是 padding-left。透過相應增加選擇框的寬度來保持相同的縮排量。

例如，在您的程式碼中：

<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中文網其他相關文章！