删除 JFX 中选项卡后面的灰色 bg

javafx user-interface java

2022-09-02 09:45:09

那么有没有办法删除选项卡后面的灰色区域： example

我试图用CSS做到这一点，但没有找到方法。

答案 1

要设置选项卡标题的背景色，请在 CSS 文件中写入：

.tab-pane .tab-header-area .tab-header-background {
    -fx-background-color: yellow;
}

要删除边框，请写：

.tab-pane .tab-header-area .tab-header-background {
    -fx-effect: null;
}

要完全删除标头，请将不透明度设置为 0：

.tab-pane .tab-header-area .tab-header-background {
    -fx-opacity: 0;
}

有关样式类选项卡窗格的更多信息，您可以在此处找到：
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#tabpane

答案 2

JavaFX有一个名为caspian.css的内置默认CSS表。请阅读这篇文章：https://stackoverflow.com/a/10149050/682495。
要更改默认 CSS，请将此选择器添加到 CSS 文件中并对其进行自定义：

.tab-pane *.tab-header-background {
    -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%);
    -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0);
}