JavaFX ControlsFx添加自定义CSS（通知）

Question

我正在使用Controlsfx库，特别是它的通知组件，但是它的默认CSS样式根本不适合我的应用程序样式，所以我正在尝试更改它。

我尝试使用这篇文章中提供的解决方案有没有办法更改内置的Controlfx通知弹出颜色？

因此：

String css = this.getClass().getResource("notificationpopup.css").toExternalForm();

primaryStage.getScene().getStylesheets().add(css);
Notifications.create().owner(primaryStage).(...).show();

CSS文件正在成功加载，将其添加到styleSheets也没有错误，但是通知的样式保持不变。我尝试将整个文件（除了我的更改）加载到库中使用的文件和简短的css文件中，仅加载我想要更改的内容

我的css文件更改，供参考：

.notification-pane .notification-bar > .pane {
-fx-background-color: linear-gradient(to top, #3e5151, #decba4);
-fx-padding: 0 7 0 7;

}

（现在我只是想把背景换成我选择的渐变）

我还尝试实现与其他controlsfx元素相关的问题的建议，也就是在调用show之后将url添加到样式表中，但没有成功。

（我也尝试过，只是想检查一下，在库jar中粗暴地更改css，但不知何故，这也失败了，因为css保持不变，没有任何错误，即使我修改了jar并再次添加了它）。

由于所提供的解释很少，我不知道这里到底出了什么问题。

在我的解决方案中，我还必须避免调用。owner（）并将通知分配给特定的阶段，此后它将显示在该阶段内部，而不是在该阶段外部的屏幕上。也许可以通过将样式表添加到其他元素（而不是primaryStage）来解决这个问题？但目前，即使将通知限制在某个阶段，我也无法实现任何css更改

Answer 1

更改组件css样式的两种可能的解决方案

1. 在控制器类中，调用getStyle（）方法

节点。getStyle（“-fx背景色：线性渐变（到顶部，#3e5151，#decba4）；-fx填充：0 7 0 7；”）；

使用与该节点上的css文件中相同的代码直接对其进行样式设置并覆盖css值。

或

node.setid（"myID"）；

然后在您的css文件中编写该标签所需的任何内容，例如

#myID {

   -fx-background-color: red;

}

Answer 2

回答这个有点晚。但是如果有人有这个问题，您可以使用这两种方法来修复它。

可能会出现此问题，因为您正在为场景使用多个样式表。添加通知弹出窗口。css css到arraylist的开头。我没有确凿的证据证明这是如何解决问题的。但我认为这是因为样式表的顺序。（替代样式表应放在样式表数组列表中的原始样式表之后。它们之间不能有其他样式表。）

String css = this.getClass().getResource("notificationpopup.css").toExternalForm();

primaryStage.getScene().getStylesheets().add(0, css);

放！对css类属性很重要。例如：

.notification-bar > .pane {
    -fx-background-color: red !important;
    -fx-padding: 10 10 10 10 !important;
}