JavaFX使用JFoenix框架更改关闭选项卡按钮颜色

我正在使用JFoenix在JavaFX应用程序中使用类似于googlematerial的元素。 我注意到，为了使用css为JFoenix的元素设置样式，有些命令与仅使用JavaFX时的命令不同，因此我无法按照自己的意愿为JFoenix的TabPane设置样式

此时，我的选项卡窗格如下图所示：

我希望更改这些关闭选项卡按钮的颜色，如下所示：

我已经尝试了很多在互联网上找到的解决方案，但是没有一个能够解决这个问题。 主要的两种解决方案是：

• 直接更改按钮的颜色（）

• 隐藏按钮并将其替换为图标。 （）

使用代码更改颜色时，不会发生任何情况：

.jfx-tab-pane > .tab-header-area > .headers-region > .tab:selected > .tab-container > .tab-close-button{
    -fx-background-color:red;
}

使用以下代码，图标将出现，但仍位于白色默认十字的后面：

.jfx-tab-pane .tab-close-button {
    -fx-background-color: transparent;
    -fx-shape:null;
    -fx-background-image: url("../../assets/close-32.png");
    -fx-background-size: 25;
    -fx-background-repeat: no-repeat;
}

结果:

---

这似乎是一个很简单的问题，我无法解决它。有什么想法吗？

例如

用于修改可关闭窗格玻璃。默认设置如下所示：

关闭按钮的颜色可以通过以下css更改为红色：

.jfx-tab-pane .headers-region .tab .tab-container .tab-close-button > .jfx-svg-glyph {
     -fx-background-color: red;
}

或者，可以使用图标。在这种情况下，css可以是：

.jfx-tab-pane .headers-region .tab .tab-container .tab-close-button {
    -fx-background-image: url(<path to icon file>);
    -fx-background-repeat: no-repeat;
}

.jfx-tab-pane .headers-region .tab .tab-container .tab-close-button > .jfx-svg-glyph {
    -fx-shape: "";
    -jfx-size: 0;
    -fx-background-color: Transparent;
}

选项卡窗格

-css的蓝图可以在中找到

JFoenix-master\jfoenix\src\main\resources\com\jfoenix\assets\css\controls\jfx-tab-pane.css

及

节

JFXTabPane

这可用于创建更复杂的效果，例如在选择窗格时更改颜色/图标等

.jfx-tab-pane .headers-region .tab .tab-container .tab-close-button > .jfx-svg-glyph {
    -fx-shape: "M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z";
    -jfx-size: 12;
    -fx-background-color: rgba(255, 255, 255, .87);
}

JFoenix-master\jfoenix\src\main\resources\com\jfoenix\assets\css\controls\jfx-tab-pane.css

JFoenix-master\jfoenix\src\main\resources\com\jfoenix\assets\css\controls\jfx-button.css