删除JFX中标签后面的灰色bg

Question

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

我试过用CSS做这个,但没找到怎么做.

Answer 1

要在CSS文件中设置tabpane标头的背景颜色:

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

删除边框写:

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

要删除标题,请将opacity设置为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

Answer 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);
}