如何在 SceneBuilder 中更改 TabPane 的 header 颜色?

How do I change the header color of a TabPane in SceneBuilder?

我想更改 SceneBuilder 上的 header 颜色(灰色)。我试过更改背景,但它只更改框架,而不是选项卡的顶部。 我是 JavaFX 和 CSS 的新手,所以我不知道如何使用 CSS 手动更改它。这是我要更改的内容:

我想将灰色条更改为蓝色。

您可以使用适当的 CSS 选择器更改 TabPane 的 header 背景:

.tab-header-background {
    -fx-background-color: blue;
}

Result:


据我所知,在 SceneBuilder 中显示新样式的唯一方法是使用上面的代码创建一个 .css 文件,然后将其导入到 SceneBuilder 中作为根元素(对于例如,一个 top-level AnchorPane):