javascript - 无论如何我们可以设计 select2 的选项

Question

我有一个用于选择框的 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>

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

这是 PLUNKER我创造了

Answer 1

这可能是一个快速但应该有效的方法。做类似的事情

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