JavaFX组合框css样式

css button combobox javafx styling

6162 观看

3回复

794 作者的声誉

我正在尝试通过css在JavaFX中自定义一个组合框。我无法自定义右侧的“箭头按钮”(我希望它消失,或者有自定义图形)。

我一直在检查默认的caspian.css,但无论我对.combo-box部分做了什么修改,箭头按钮都不会受到影响。

知道在哪里可以编辑吗?

作者: tomasofen 的来源 发布者: 2013 年 6 月 7 日

回应 (3)


5

2217 作者的声誉

CSS在样式表中使用以下内容将删除所有ComboBox箭头

.combo-box .arrow, .combo-box .arrow-button{
    -fx-background-color: transparent;
}
作者: Alexandre 发布者: 12.08.2013 05:57

0

1 作者的声誉

我希望它也消失了。但在javafx 8上没有任何作用,直到我尝试以下内容:css:.combo-box.REFERENCEDONLY .arrow-button { -fx-padding: 0 0 0 -7; }

基本上它说:在箭头按钮的左侧使用负填充来有效地缩小它。

javafx代码:myCombobox.getStyleClass().add("REFERENCEDONLY");

作者: ech 发布者: 28.01.2016 01:09

0

856 作者的声誉

使用Scenebuilder中的CSS Analyzer选项获取要使用的任何节点的CSS 在此输入图像描述

之后只需选择任何节点,您将看到可以使用CSS修改的所有类。

在此输入图像描述
在此输入图像描述

现在我知道了我可以在我的CSS文件中相应地进行更改

.combo-box{
    -fx-border-color:#E6E6E6;
    -fx-border-style:solid;
    -fx-border-width:1;
}
.combo-box .arrow{
    -fx-background-color:#2478E9;
}
.combo-box .arrow-button{
    -fx-background-color:white;
    -fx-border-style:none;
}
.combo-box .arrow-button{
    -fx-background-color:white;
}
.combo-box .list-cell{
    -fx-background-color:white;
}

这给了我这样的最终结果。 在此输入图像描述

有关在应用程序运行时发生的CSS和其他事件的更高级分析,您可以尝试使用Scenic View

作者: Kainix 发布者: 05.11.2018 05:41
32x32