如何修改ListBox服务器控件的占位符文本颜色？

首先纠正个小问题：你代码里的select()应该是Select2插件的select2()方法（大概率是笔误），正确的初始化代码如下：

$(document).ready(function () {
    $("#ListBoxUser").select2({
        placeholder: "Select User",
        allowClear: true
    })
});

你之前的方法无效，是因为Select2会把原ASP.NET ListBox控件隐藏，生成一套独立的DOM结构来展示选择器，直接给原控件加样式或者通过jQuery加类，根本作用不到实际显示的占位符元素上。

要修改占位符颜色，直接针对Select2生成的元素写CSS即可：

1. 修改选择框内的占位符颜色（关闭下拉时显示的文本） #

添加以下CSS到页面样式中：

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ff4444; /* 替换成你需要的颜色值 */
}

2. 修改下拉搜索框的占位符颜色（打开下拉后的输入框） #

如果需要调整搜索框的占位符颜色，再加这段CSS：

.select2-search__field::placeholder {
    color: #ff4444;
}

关键提醒 #

要确保你的自定义CSS在Select2官方样式之后加载，这样才能覆盖默认的灰色样式。另外你设置了ClientIDMode="Static"，所以初始化Select2时的ID选择器是正确的，不用调整。

内容的提问来源于stack exchange，提问作者Mark