使用Jquery设置select2占位符颜色

Question

这就是如何用Css设置颜色：
.select2-container--default .select2-selection--single .select2selection__placeholder {color: #444;}

但是如何使用“this”来改变Jquery的颜色？

$(this).css('color', 'red')不要工作。
$(this)[0].css('color', 'red')不要工作 $(this[0]).css('color', 'red')不要工作。

修改
console.log（$ this））
0:select#employment.form-control.select2.req_place

Answer 1

由于您的select表明它是.select2-container元素。你需要找到它的兄弟.select2-selection__placeholder，这是UI上显示的内容。在这个兄弟姐妹中找到$(this).siblings('.select2-container').find('.select2-selection__placeholder').css('color', 'red'); 并改变它的颜色。

所以请使用此代码。

{{1}}

Answer 2

您也可以使用此：

.select2-search__field::placeholder{
    color: #cecfd0;
}
.select2-search__field:-ms-input-placeholder {
    color: #cecfd0;
}
.select2-search__field::-ms-input-placeholder {
    color: #cecfd0;
}