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

【问题标题】：Remove gray bg behind the tabs in JFX删除 JFX 中选项卡后面的灰色 bg
【发布时间】：2012-05-23 11:00:33
【问题描述】：

那么有什么方法可以去除标签后面的灰色区域：

我试过用 CSS 来做这件事，但没有找到方法。

【问题讨论】：

你玩过组件的不透明度吗？
是的，不透明度，背景\前景色，没有帮助
这里有一个更简单的方法tabPane.getStyleClass().add("floating");。复制自here

标签： java user-interface javafx

【解决方案1】：

这是一个更简单的方法 tabPane.getStyleClass().add("floating"); （从上面没有得到足够关注的评论中复制）

【讨论】：

【解决方案2】：

在 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;
}

要删除标题，请将不透明度完全设置为 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

【讨论】：

【解决方案3】：

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

【讨论】：