如何更改默認的select2佔位符顏色的CSS？

我正在使用select2插件。在必填字段中，我必須將select2佔位符顏色設置爲紅色。如何更改默認的select2佔位符顏色的CSS？

如何將默認的select2佔位符顏色更改爲紅色？

HTML

<select id="leadadd_mode_of_enq" name="leadadd_mode_of_enq" class="select2 req_place" data-select-search="true" placeholder="Mode of enquiry"> 
    <option value="1">Opt1</option> 
    <option value="2">Opt2</option> 
</select>

CSS

.req_place::-webkit-select-placeholder{ 
    color:#FFF !important; 
}

來源

2014-04-11 user3091530

如果我知道你想什麼正確的，你可能想使用此選擇。

原始CSS，這使得佔位灰色

.select2-default { 
    color: #f00 !important; 
}

更改您的首選佔位符顏色

.select2-default { 
    color: #f00 !important; 
}

具體佔位符的顏色（使用id）的

#s2id_<elementid> .select2-default { 
    color: #f00 !important; 
}

與原input更換或select id

在這種情況下

#s2id_leadadd_mode_of_enq .select2-default { 
    color: #f00 !important; 
}

此外，另一注爲佔位符的工作，你必須添加一個空3210否則第一個選項將自動被選中，但不是佔位符。

像源select標籤給它的容器，以便

<select id="leadadd_mode_of_enq" name="leadadd_mode_of_enq" class="select2 req_place" data-select-search="true" placeholder="Mode of enquiry"> 
    <option></option> 
    <option value="1">Opt1</option> 
    <option value="2">Opt2</option> 
</select>

See Demo

來源

2014-04-11 05:57:08 josephting

我需要改變特定的下拉框。 – user3091530

@ user3091530檢查我的編輯。 :) – josephting

我正在使用版本4.0.3，因爲'select2-default'類不存在，所以我必須更改'.select2-selection__placeholder'。 – RTF

選擇2份CSS類。所以，你可以簡單地使用這個CSS爲您的HTML：

.select2-container.req_place .select2-default .select2-chosen { 
    color:#FFF !important; 
}

來源

2014-04-11 07:35:18 chimmi

如何更改默認的select2佔位符顏色的CSS？

回答

相關問題