【问题标题】:How to add text with different color inside <option> tag of Select?如何在Select的<option>标签内添加不同颜色的文本?
【发布时间】:2021-01-15 06:00:11
【问题描述】:

我尝试过内联但没有用:

<select id="pet-select">
  <option value="">--Please choose an option--</option>
  <option value="dog">Dog</option>
  <option value="cat"><h3 style="color:red">Cat</h3></option>
</select>

我在任何地方都找不到任何解决方案,甚至可以做到吗?

编辑:

我没有提到我使用的是 Select2 而不是普通的 Select。它在 Select 中有效,但在 Select2 中无效

【问题讨论】:

    标签: html html-select


    【解决方案1】:

    像这样试试。

    select option:nth-child(2) {
      color: blue;
    }
    select option:nth-child(3) {
      color: red;
    }
    <select id="pet-select">
      <option value="">--Please choose an option--</option>
      <option value="dog">Dog</option>
      <option value="cat">Cat</option>
    </select>

    如果您使用 select2,请查看here

    【讨论】:

    • 对不起,我没有提到我使用的是 Select2 而不是普通的 Select。它适用于 Select 但不适用于 Select2
    猜你喜欢
    • 1970-01-01
    • 2012-01-27
    • 2011-08-29
    • 1970-01-01
    • 2020-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-24
    相关资源
    最近更新 更多