使用 jQuery 样式和颜色选择选择答案

【问题标题】：Chosen select with jQuery style and colours使用 jQuery 样式和颜色选择选择
【发布时间】：2014-12-10 14:59:59
【问题描述】：

我正在使用 Chosen 插件在我的网页上显示五个级联下拉列表。我想在每个选择框中使用不同的颜色，但是我似乎无法更改文本的颜色。

        <script src="/includes/chosen.jquery.js"></script>

    <!--this select shows the options in red-->
    <select class="RedColour"  id="test1"><option value="1">One</option><option value="2">One</option><option value="1">Two</option><option value="3">Three</option></select>
    <!--however this "chosen one" does not-->
    <select class="chosen-select RedColour"  id="test2"><option value="1">One</option><option value="2">One</option><option value="1">Two</option><option value="3">Three</option></select>

    <script type="text/javascript">

    var config = {
        '.chosen-select': { inherit_select_classes: true },
        '.chosen-select-deselect': { allow_single_deselect: true, inherit_select_classes: true },
        '.chosen-select-no-single': { disable_search_threshold: 10, inherit_select_classes: true },
        '.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' },
        '.chosen-select-width': { width: "95%" }

    }
    for (var selector in config) {
        $(selector).chosen(config[selector]);
    }

    </script>

【问题讨论】：

标签： jquery css styles jquery-chosen

【解决方案1】：

您可以在此answer 中找到类似的解决方案。

这是关于引导程序的，我知道，但是操作提供了一个 CSS，其中包含所选正在使用的类。因此，您唯一需要做的就是采用该 css 并修改属性以满足您的要求。

此外，您在link 中选择了另一个样式表。

【讨论】：