如何將填入套用至 Safari 和 Internet Explorer 中的選擇清單？

填充不適用於Safari 和IE 選擇清單

增強Safari 和Internet Explorer 中選擇清單的樣式可能具有挑戰性，因為缺乏對填充的支持。雖然萬維網聯盟 (W3C) 規範允許在選擇框中填充，但 Safari 和 Chrome 等 Webkit 瀏覽器忽略此功能。

要解決此問題，另一種方法是使用文字縮排代替左填充。透過在選擇框的寬度上添加相同的量，您可以有效地實現所需的間距。

考慮以下程式碼：

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

此範例示範如何實現所需的 15px透過應用 text-indent: 15px 並相應增加選擇框的寬度來進行填充。

以上是如何將填入套用至 Safari 和 Internet Explorer 中的選擇清單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！