二つは、異なる背景色

Question

と-ピッカーを選択ブートストラップし、私が選択し-ピッカーブートストラップとして以下の2つがあります。

button.btn.dropdown-toggle.btn-default{ 
height:4vh; 
line-height:0.8em; 
border-radius: 25px; 
background: #72c285; 
color:#fff; 
} 

：私は、このCSSコードを試してみました

<select class="selectpicker"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
</select> 

<select class="selectpicker2"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
</select> 
</div> 
</div> 
</div> 


<script> 
$('.selectpicker').selectpicker({ 
    width: 'fit' 
}); 
</script> 

<script> 
    $('.selectpicker2').selectpicker({ 
    width: 'fit' 
}); 
</script> 

上記のCSSは、両方の選択ピッカーに適用されます。私は、selectpickersのために異なるスタイルを適用する必要があります。 それぞれ異なる背景色を付けることができません。与える方法はありますか？

Answer 1

私は@MohnammadUsmanに同意します。あなたの質問には情報が少なすぎます。

「https://silviomoreto.github.io/bootstrap-select」を使用していると仮定すると、データスタイル属性を使用してここで説明する「https://silviomoreto.github.io/bootstrap-select/examples/#styling」という簡単なCSSクラスが用意されています。

はCSSクラスを作成します。

.btn-black { 
     background-color: black; 
    } 

    <select class="selectpicker" data-style="btn-primary btn-black"> 
     ... 
    </select>