ブートストラップマルチ選択のアイテムの選択色

Question

ブートストラップで複数選択を作成しました。選択されたアイテムの色はデフォルトで青です。私はリストに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' 
       }); 
      }); 

Answer 1

各オプションに値またはキーを使用してクラスまたはIDを割り当てます。次に、あなたのCSSのクラスまたはIDを参照してください。

私はあなたがまた、異なる状態の色を設定するにはCSS擬似クラスを使用することができますJSFiddle https://jsfiddle.net/ebzj60o4/1/

に一緒に

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

を実施例を置きます。 （ホバー、アクティブなど）http://www.w3schools.com/Css/css_pseudo_classes.asp

願っています！乾杯。