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

使用 Jquery 设置 select2 占位符颜色

Set select2 placeholder color with Jquery

css

jquery

select2