使用jQuery样式和颜色选择

Question

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

        <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>      

Answer 1

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

这是关于bootstrap的，我知道，但是op给出了一个css，其中包含chosen正在使用的类。因此，您唯一需要做的就是获取css并修改属性以满足您的需求。

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