javascript - select2 背景色の変更

Question

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

Answer 1

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

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

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

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

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

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

お役に立てれば！

Answer 2

OPを助けるのは少し遅れていますが、誰かを助けることを願ってこの答えを残します。

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

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

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

とにかく、「vanilla select2」を使って試していないので、この場合の違いがあるかどうかはわかりません。