2013-07-21 399 views
7

我正在嘗試在我創建的網頁上使用select2。然而,組合框背景似乎是透明的,但我需要將其更改爲另一種顏色。我嘗試修改select2.css文件,但似乎沒有任何工作。有任何想法嗎 ?select2更改背景顏色

+0

放置一些代碼。 –

回答

15

如果你努力的目標組合框包裝使用

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

如果你想針對輸入使用

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

如果你正在努力的目標,結果包裝使用

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

希望這有助於!

+0

我剛剛在CSS中找到'.select2-results {}',但是我找不到其他兩個。任何想法來修改這些呢? – Pathros

2

幫助OP有點晚,但我會留下這個答案,希望它可以幫助別人。

我不知道其他版本,但使用select2-rails 3.5.9.3(根據它們的github page意味着使用select2的版本是3.5)我只能改變背景色,如下所示:

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

雖然,馬修對結果的選擇提到。

無論如何,我沒有嘗試使用「香草select2」,所以我不知道在這種情況下是否有任何區別。