【问题标题】:Is there anyway where we can style up the options of select2无论如何,我们可以在哪里设置 select2 的选项
【发布时间】:2016-06-01 07:40:45
【问题描述】:

我有一个用于选择框的 select2 插件。 选项是连接在一起的两个值的结果。 我需要为 select2 框中的一个值赋予不同的颜色。 这些有什么选择吗?

我的 HTML

<select id="template" class="form-control template-select-search" style="display: inline-block; width: 200px;">
    <option value="">-- Template --</option>
    <option value="${article.id}">value1 : value2 </option>
</select>

这个值2需要修改样式。浏览了很多文章,但无法获得帮助。 提前感谢您的帮助

这是我创建的PLUNKER

【问题讨论】:

  • 您需要对生成的内容进行样式化。像 select2 这样的插件将创建框和层来实现与 &lt;select&gt; 元素相同的功能,但 &lt;select&gt; 元素将被隐藏。
  • @GeraldSchneider 你读过这个问题吗?他要求 select2 插件...

标签: javascript html css jquery-select2 select2


【解决方案1】:

这可能很快,但应该可以。做类似的事情

<option value="${article.id}">value1 :
    <span style="background-color:Your Color"> value2 </span>
</option>

【讨论】:

  • @QaiserRajput 添加了plnk
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-11-19
  • 2016-12-20
  • 2022-06-14
  • 1970-01-01
  • 2021-12-04
  • 1970-01-01
  • 2022-10-25
相关资源
最近更新 更多