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

因为您的 $(this) 表明它是一个 select 元素。您需要找到它的兄弟.select2-container，这就是 UI 上显示的内容。在这个兄弟姐妹中找到.select2-selection__placeholder 并更改它的颜色。

所以使用这个代码。

$(this).siblings('.select2-container').find('.select2-selection__placeholder').css('color', 'red');

Answer 2

你也可以这样用：

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