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

  • Z时代
  • 2024-01-10
  • 分类：问答

有谁知道为什么我的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">

回答：

即使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;">

以上是 选择列表中的Safari和IE中无法使用padding 的全部内容， 来源链接： utcz.com/qa/418813.html

回到顶部