Выбранный выбор с использованием стиля и цветов jQuery

Question

Я использую плагин 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>  

Answer 1

В этом answer вы можете найти аналогичное решение.

Речь идет о bootstrap, я знаю, но op дает css с выбранными классами. Так что единственное, что вам нужно сделать, это взять этот css и модифицировать атрибуты для удовлетворения ваших требований.

Кроме того, у вас есть другая таблица стилей для выбранного в этом link.