Question

我正在尝试在选择框中添加1px分隔线（选项），请参阅下面的演示。

这在chromw windows / mac中效果很好，但在safari中不起作用 - 我得到一个很厚的正常高度选项。

正如你所看到的那样，我尝试了很多风格但没有运气。

如何在野生动物园中获得相同的效果？

<select size=6>
  <option>First Option</option>
  <option>Second</option>
  <option style="line-height: 1px !important;height:1px  !important; min-height:1px  !important; max-height:1px  !important; padding:0  !important; font-size: 1pt  !important; background-color: #000000;" disabled>&nbsp;</option>
  <option>Third</option>
  <option>Fourth</option>
</select>

Answer 1

如果您尝试将选项组合在一起而不是样式，请考虑使用专为此目的而设计的<optgroup> html tag。例如：

＆＃13;

<select>
  <optgroup label="Group A">
    <option>First Option</option>
    <option>Second</option>
  </optgroup>
  <optgroup label="Group B">
    <option>Third</option>
    <option>Fourth</option>
  </optgroup>
</select>

＆＃13;

在safari中选择带有1px分隔线（选项）的框

1 个答案: