如何单独修改JavaFX ChoiceBox提示文本颜色而不影响菜单文本

可行，只需调整CSS选择器的精度，就能避免样式影响下拉菜单中的文本。

你的问题出在CSS选择器的范围上：.choice-box .label会选中ChoiceBox所有后代的Label元素，包括下拉菜单里的选项文本，最终导致白色背景上的白色文本无法辨认。

修正后的CSS代码 #

.choice-box {
  -fx-background-color: #5F9EA0; /* Cadet Blue */
  -fx-font-family: sans-serif;
  -fx-font-size: 12;
  -fx-font-style: normal;
}

/* 仅作用于ChoiceBox顶部的提示文本Label（直接子元素） */
.choice-box > .label {
  -fx-text-fill: white;
}

/* 可选：显式指定下拉菜单文本颜色，防止其他样式干扰 */
.choice-box .context-menu .label {
  -fx-text-fill: black;
}

原理说明 #

• >是直接子元素选择器，只会匹配ChoiceBox直接包含的那个Label（也就是显示当前选中项/提示文本的控件），不会影响下拉菜单中嵌套的Label。
• 额外添加.choice-box .context-menu .label的样式是为了确保下拉菜单文本颜色恢复默认的黑色，避免继承其他全局样式。

关于改用ComboBox的补充 #

你提到改用ComboBox并通过以下配置实现需求，这也是一个不错的方案，尤其适合选项较多的场景：

myComboBox.setVisibleRowCount(15);
myComboBox.setEditable(false);

ComboBox默认支持滚动，当选项数量超过visibleRowCount时会自动显示滚动条，比ChoiceBox更适合处理大量选项的场景。

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