未选中标签的标签标签的字体颜色不同

时间:2016-01-26 15:41:09

标签: css javafx

我尝试通过CSS设置Java FX 8 TabPane组件的样式。目前,我正在为选定的tab-label选择不同的字体颜色。{1}}。最后,我希望所选标签具有白色字体颜色,而不是选择标签具有黑色字体颜色。不幸的是,我不知道如何引用未选中或仅选择tab-label。我试过了.tab-label:selected,但它没有用。我也尝试了.tab:selected > .tab-label,但又一次,没有用。

下面是我到目前为止编写的CSS代码和TabPane的预览。

#tabPane {
    -fx-background-color: #FFFFFF;
}

#tabPane .tab-header-background {
    -fx-background-color: #FFFFFF;
}

#tabPane .tab {
    -fx-background-color: #d0d0d0;
    -fx-background-radius: 0;
    -fx-padding: 5 10 10 10;
}

#tabPane .tab:selected {
    -fx-background-color: #202020;
    -fx-focus-color: transparent;
}

#tabPane .tab-label {
    -fx-text-fill: #FFFFFF;
    -fx-font-size: 18px;
}

enter image description here

PS提到的TabPane仅由上面的CSS代码修改过。没有其他修改。因此,没有额外的代码。

1 个答案:

答案 0 :(得分:1)

我认为

Android

应该有效。在#tabPane .tab:selected .tab-label { -fx-text-fill: black ; } 规则之后获得该规则可能很重要。