JavaFX Scene Builder：如何设置ComboBox的文本颜色？

你遇到的问题是因为直接给ComboBox设置-fx-text-fill无法覆盖内部子控件的样式，ComboBox的文本显示由**编辑器（TextField）和下拉列表单元格（ListCell）**负责，需要针对这些子节点单独设置样式：

解决方案1：内联样式修改（FXML中直接调整） #

修改ComboBox的style属性，补充子控件的样式规则：

<ComboBox layoutX="38.0" layoutY="47.0" prefHeight="26.0" prefWidth="300.0" promptText="REINER SCT cyberJack pinpad/e-com USB 52" 
          style="-fx-font-weight: bold; -fx-background-color: #005f6a; -fx-font-family: &quot;Open Sans&quot;; -fx-font-size: 20.0px;
                 -fx-prompt-text-fill: white;
                 -fx-control-inner-background: #005f6a;">
    <editor>
        <TextField style="-fx-text-fill: white; -fx-background-color: #005f6a;"/>
    </editor>
</ComboBox>

解决方案2：使用外部CSS文件（更易维护） #

创建combo-styles.css文件，添加以下规则：

.custom-combo-box {
    -fx-font-weight: bold;
    -fx-background-color: #005f6a;
    -fx-font-family: "Open Sans";
    -fx-font-size: 20.0px;
    -fx-control-inner-background: #005f6a;
}

/* 设置编辑器文本和提示文本颜色 */
.custom-combo-box .text-field {
    -fx-text-fill: white;
    -fx-prompt-text-fill: white;
    -fx-background-color: #005f6a;
}

/* 设置下拉列表选项文本颜色 */
.custom-combo-box .list-cell {
    -fx-text-fill: white;
    -fx-background-color: #005f6a;
}

/* 设置下拉面板背景 */
.custom-combo-box .combo-box-popup .list-view {
    -fx-background-color: #005f6a;
}

在FXML中引入CSS并给ComboBox添加样式类：

<StackPane xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" 
           maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" 
           prefHeight="146.0" prefWidth="404.0">
    <stylesheets>
        <URL value="@combo-styles.css"/>
    </stylesheets>
    <!-- 其他节点 -->
    <ComboBox layoutX="38.0" layoutY="47.0" prefHeight="26.0" prefWidth="300.0" 
              promptText="REINER SCT cyberJack pinpad/e-com USB 52" 
              styleClass="custom-combo-box"/>
    <!-- 其他节点 -->
</StackPane>

关键说明 #

• -fx-prompt-text-fill：专门控制提示文本的颜色，需单独设置才能覆盖默认样式。
• .text-field子选择器：针对ComboBox的选中项显示区域设置文本颜色。
• .list-cell子选择器：针对下拉列表的选项文本设置颜色，同时需调整下拉面板背景色，避免白色文本无法看清。

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