选择列表中的Safari和IE中无法使用padding

小编典典

选择列表中的Safari和IE中无法使用padding

html

有谁知道为什么我的Safari没有在选择列表中填充？在FF中工作正常，请告诉我该怎么做。doctype有什么问题吗？

码：

<select style="padding-left:15px">
<option>male></option>
<option>female></option>
</select>

我正在使用以下文档类型；

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

阅读 607

2020-05-10

共1个答案

小编典典

即使W3规范不允许在选择框中填充，无论出于何种原因，Webkit浏览器（Safari，Chrome）都不支持填充。取而代之的是，您可以删除padding- left和，text-indent而是使用相同的金额添加到选择框width。

从您的评论示例中：

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

2020-05-10