JavaFX中如何移除ComboBox下拉箭头并利用其空间显示选中项文本

方案1：通过CSS样式实现（推荐，适合全局统一配置） #

常规仅隐藏箭头的方案只会修改箭头可见性，对应的按钮节点依然会参与布局计算，因此会残留空白区域。直接修改箭头按钮的尺寸与布局属性即可彻底清除占用空间：

/* 基础配置：移除箭头按钮的所有尺寸与边距 */
.combo-box .arrow-button {
    -fx-pref-width: 0;
    -fx-min-width: 0;
    -fx-max-width: 0;
    -fx-padding: 0;
    -fx-background-insets: 0;
}
/* 隐藏箭头本身 */
.combo-box .arrow {
    -fx-shape: null;
    -fx-background-color: transparent;
    -fx-padding: 0;
}
/* 调整选中项文本边距，占满整个显示区域 */
.combo-box .cell:selected {
    -fx-padding: 0 0 0 3px; /* 可根据需求调整左侧边距数值 */
}
/* 若使用可编辑的ComboBox，需额外添加以下配置 */
.combo-box .text-input {
    -fx-background-insets: 0;
    -fx-padding: 0 0 0 3px;
}

如果仅需要给部分ComboBox应用该样式，可以给目标组件单独设置自定义样式类：

// Java代码中给指定ComboBox添加样式类
comboBox.getStyleClass().add("combo-box-no-arrow");

对应的CSS选择器修改为：

.combo-box-no-arrow .arrow-button {
    /* 同上配置 */
}

方案2：通过Java代码动态配置（适合单独控制组件） #

核心逻辑是将箭头按钮的managed属性设为false，让布局系统完全忽略该节点的尺寸计算：

import javafx.scene.control.ComboBox;
import javafx.scene.control.skin.ComboBoxListViewSkin;
import javafx.scene.Node;

public <T> void removeComboBoxArrowSpace(ComboBox<T> comboBox) {
    // 先设置皮肤确保节点已初始化
    comboBox.setSkin(new ComboBoxListViewSkin<>(comboBox));
    // 查找箭头按钮节点
    Node arrowButton = comboBox.lookup(".arrow-button");
    if (arrowButton != null) {
        arrowButton.setVisible(false);
        // 关键：设置为不参与布局，不会残留空白区域
        arrowButton.setManaged(false);
    }
    // 可编辑ComboBox额外调整输入框边距
    if (comboBox.isEditable()) {
        Node inputField = comboBox.lookup(".text-input");
        if (inputField != null) {
            inputField.setStyle("-fx-padding: 0 0 0 3px;");
        }
    }
}

在ComboBox初始化完成后调用该方法即可生效。

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