Twitter bootstrap 引导multiselect的选定项颜色

我已经创建了一个multi-select by Bootstrap。因为所选项目的颜色默认为蓝色。我在列表中有5个项目，我想要5种不同的颜色。 我怎么做呢，非常感谢

<select id="caseSelector" multiple="multiple"></select>

    $.each(casename, function (key, value) {
        $('#caseSelector')
         .append($('<option>', { value: key })
         .text(value));
    });
    $(document).ready(function () {
                $('#caseSelector').multiselect({
                    includeSelectAllOption: true,
                    enableFiltering: true,
                    buttonWidth: '140px'
                 });
            });

$。每个（案例名称、函数（键、值）{
$（“#案例选择器”）
.append（$（''，{value:key}）
.文本（值））；
});
$（文档）.ready（函数（）{
$（“#案例选择器”）.multiselect({
includeAlloption:true，
启用筛选：正确，
按钮宽度：“140px”
});
});

使用每个选项的值或键为其分配一个类或ID。然后在css中引用类或ID

我总结了一个关于JSFIDLE的工作示例

奶酪
西红柿
莫泽雷勒干酪
蘑菇
意大利 辣味 香肠
洋葱

您还可以使用CSS伪类为不同的状态设置颜色。（悬停、活动等）

---

希望对你有所帮助！干杯。

请在下面的文章中发布一个代码（HTML/CSS/JS）的最简单的工作示例。再见，非常感谢。但当项目被选中后，背景颜色将变为蓝色，我如何才能改变呢？你需要至少发布你正在使用的插件。非常感谢。但是当项目被选中时，背景颜色将被更改为蓝色，我如何也可以更改它呢？

选项：选中{box shadow:0 0 0 10px 100px#ffb7b7 inset；}

@EricWang我更新了CSS最后一行的外观，以查看我如何将选项定位为：选中输入。干杯@EricWang还注意到，您可以像下面这样设置一个特定类的样式

选项：checked.orange{your style here}

尝试一下我刚才在注释中添加的示例。

<!-- Build your select: -->
<select id="caseSelector" multiple="multiple">
    <option class="blue" value="cheese">Cheese</option>
    <option class="red" value="tomatoes">Tomatoes</option>
    <option class="yellow" value="mozarella">Mozzarella</option>
    <option class="purple" value="mushrooms">Mushrooms</option>
    <option class="green" value="pepperoni">Pepperoni</option>
    <option class="orange" value="onions">Onions</option>
</select>