作成しているWebページでselect2を使用しようとしています。ただし、コンボボックスの背景は透明に見えますが、別の色に変更する必要があります。 select2.css
ファイルを変更しようとしましたが、何も機能しないようです。何か案は ?
コンボボックスラッパーをターゲットにしようとしている場合は、
.select2-search { background-color: #00f; }
入力の使用をターゲットにしようとしている場合
.select2-search input { background-color: #00f; }
また、結果ラッパーをターゲットにしようとしている場合は、
.select2-results { background-color: #00f; }
お役に立てれば!
OPを助けるのは少し遅いですが、誰かに役立つことを願ってこの答えを残しておきます。
他のバージョンについてはわかりませんが、select2-Rails 3.5.9.3を使用すると( github page は、使用されているselect2のバージョンが3.5であることを意味します)背景色を変更することしかできませんでした次のように:
.select2-choice { background-color: #00f !important; }
ただし、結果についてMatthewが言及したセレクターは機能します。
とにかく「バニラセレクト2」は使ってみなかったので、この場合に違いがあるかどうかわかりません。
コンボボックス用
.select2-container--default .select2-selection--single{
background-color: #000;
}
オプション検索ボックス
.select2-search--dropdown{
background-color: #000;
}
.select2-search__field{
background-color: #000;
}
およびオプションリスト用
.select2-results {
background-color: #000;
}