如何更改默认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或selectid

在这种情况下

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

此外,另一个占位符工作的注释,你必须添加一个空<option></option>或否则将自动选择第一个选项,但不会自动选择占位符.

像这样

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

见演示

Answer 2

给出的答案很旧，您现在可以使用css类

.select2-selection__placeholder {
    color: #FF0000;
}