web-dev-qa-db-ja.com

select2背景色を変更する

作成しているWebページでselect2を使用しようとしています。ただし、コンボボックスの背景は透明に見えますが、別の色に変更する必要があります。 select2.cssファイルを変更しようとしましたが、何も機能しないようです。何か案は ?

13
Patrick Jane

コンボボックスラッパーをターゲットにしようとしている場合は、

.select2-search { background-color: #00f; }

入力の使用をターゲットにしようとしている場合

.select2-search input { background-color: #00f; }

また、結果ラッパーをターゲットにしようとしている場合は、

.select2-results { background-color: #00f; }

お役に立てれば!

24
Matthew R.

OPを助けるのは少し遅いですが、誰かに役立つことを願ってこの答えを残しておきます。

他のバージョンについてはわかりませんが、select2-Rails 3.5.9.3を使用すると( github page は、使用されているselect2のバージョンが3.5であることを意味します)背景色を変更することしかできませんでした次のように:

.select2-choice { background-color: #00f !important; }

ただし、結果についてMatthewが言及したセレクターは機能します。

とにかく「バニラセレクト2」は使ってみなかったので、この場合に違いがあるかどうかわかりません。

5
Grandor

コンボボックス用

.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;
}
1
Rana Hyder