2013-07-21 28 views
7

Sto tentando di utilizzare select2 su una pagina Web che sto creando. Tuttavia lo sfondo della casella combinata sembra essere trasparente ma ho bisogno di cambiarlo in un altro colore. Ho provato a modificare il file select2.css ma nulla sembra funzionare. Qualche idea ?select2 cambia colore di sfondo

+0

inserire un codice. –

risposta

15

Se si sta tentando di indirizzare usa il wrapper casella combinata

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

Se si sta tentando di indirizzare l'uso di input

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

E se si sta cercando di indirizzare il risultato involucro utilizzare

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

Spero che questo aiuti!

+0

Ho appena trovato ".select2-results {}" nel CSS, ma non sono riuscito a trovare gli altri due. Qualche idea per modificare anche quelle? – Pathros

2

È un po 'tardi per aiutare l'OP, ma lascerò questa risposta nella speranza che possa aiutare qualcuno.

Non so su altre versioni, ma utilizzando Select2-rails 3.5.9.3 (che in base alla loro github page significa che la versione di select2 in uso è di 3,5) Ero solo in grado di cambiare il colore di sfondo come segue:

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

Il selezionatore menzionato da Matthew per i risultati funziona, però.

In ogni caso, non l'ho provato con "vanilla select2", quindi non so se c'è differenza in questo caso.

Problemi correlati