Question

我正在尝试在JavaFX中为TabPane设置css。我创建了两个TabPanes，但是对于其中一个TabPanes，我使用CSS来隐藏标签（我知道很奇怪），而另一个TabPane我打算使用默认的css。

然而，当我去应用css时，它适用于两个节点。如何解决此问题，以便只有一个TabPanes使用css？

代码：

    tabPane.getStyleClass().add("customTab");
    tabPane.getStylesheets().add("/resources/css/TabPane.css");

CSS

.customTab{
    -fx-tab-max-height: 0 ;
}

.customTab .tab-header-area {
    visibility: hidden ;
}

.customTab .tab-header-area .tab-header-background {
    -fx-background-color: #f4f4f4;
}

.customTab .tab {
    -fx-background-color: #f4f4f4;
}
.customTab .detailed .tab {
    -fx-background-color: #f4f4f4;
}

.customTab .detailed .tab-header-area .tab-header-background {
    -fx-background-color: #f4f4f4;
}

我也尝试过关注this帖子并使用“setId（）”，但结果相同。

#customTab .tab-header-area {
    visibility: hidden ;
}

和

.customTab.tab-header-area {
    visibility: hidden ;
}

和

.customTab > .tab-header-area {
    visibility: hidden ;
}

请告诉我这样做的正确方法。

谢谢。

在JavaFX中为单个节点添加css

0 个答案: