2013-07-21 116 views
7

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

+0

コードを入力してください。 –

答えて

15

あなたが入力使用に

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

をターゲットにしようとしている場合そして、あなたは結果ラッパーの使用

をターゲットにしようとしている場合

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

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

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

希望します。

+0

CSSで '.select2-results {}'が見つかりましたが、他の2つは見つかりませんでした。それらのものを変更するためのアイデアもありますか? – Pathros

2

OPを手助けするのはちょっと遅いですが、誰かを助けてくれることを期待してこの回答を残しておきます。

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

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

Matthewが言及したセレクタが結果として機能しますが、

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