如何在 Safari 中设置多选选项的样式（颜色除外）

【问题标题】：How to style multiple select option in safari (other than color)如何在 Safari 中设置多选选项的样式（颜色除外）
【发布时间】：2020-04-18 19:05:06
【问题描述】：

这里是第一个问题。

我正在尝试设置表单样式，并且可以在 chrome 上为多个选择选项添加一些填充，但它似乎不适用于 safari

似乎我们只能在 safari 上更改颜色或背景颜色

有什么办法可以解决这个问题以获得更多的垂直空间？（使用 CSS）

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

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

【问题讨论】：

标签： html css select safari

【解决方案1】：

很遗憾，没有。您可以为 <select> 元素本身添加内边距，但在尝试向单个 <option> 元素添加内边距时，事情就会发生变化。

样式化<option> 元素跨平台是出了名的困难。

您可能想要考虑构建一个自定义选择小部件，而不是绕过跨平台差异。

这里有一个detailed tutorial 可能会有所帮助。

参考

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

他们也有一个Advanced Styling Guide，但是，他们承认<select> 表单确实是跨平台的噩梦。

【讨论】：