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

Question

我正在使用select2插件。在必填字段中，我必須將select2佔位符顏色設置爲紅色。

如何將默認的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; 
} 

Answer 1

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

原始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

Answer 2

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

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