如何在野生动物园中设置多重选择选项的样式（颜色除外）

Question

这里的第一个问题。

我正在尝试设置表单的样式，并且能够在chrome上为多个选择选项添加一些填充，但似乎无法在Safari中使用

似乎我们只能在野生动物园中更改颜色或背景颜色

可以通过这种方式获得更多垂直空间吗？ （使用CSS）

<select multiple="multiple">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

<style>
select[multiple] option {
  padding: 20px;
  color: red;
}
</style>

Answer 1

不幸的是，没有。您可以向<select>元素本身添加填充，但是当尝试向单个<option>元素添加填充时，事情就横摆了。]

臭名昭著的<option>元素”跨平台很难。

您可能想研究构建

自定义选择小部件

，而不是绕过跨平台差异。 这是一个可能有用的detailed tutorial。

---

参考

MDN's compatibility table至少可以帮助您解析所支持内容的噪音。

他们也有一个Advanced Styling Guide，但是，<select>表格的确是一个噩梦的跨平台，这是我自认的。