【问题标题】: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】:

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

    样式化&lt;option&gt; 元素跨平台是出了名的困难。

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

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


    参考

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

    他们也有一个Advanced Styling Guide,但是,他们承认&lt;select&gt; 表单确实是跨平台的噩梦。

    【讨论】:

      猜你喜欢
      • 2014-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-01-28
      • 1970-01-01
      • 2021-05-28
      相关资源
      最近更新 更多