如何在JFoenix的进度条上更改颜色

Question

我正在尝试更改JFoenix库（http://www.jfoenix.com）中进度条的颜色。我正在使用Java和JavaFX，以下是我的示例css：

.progress-bar {
-fx-accent: #4059a9;}

它应该是有效的，但实际上它却禁用了颜色。

启用CSS时：

禁用 CSS（显示默认颜色）：

- Katleho Hadar

Answer 1

看起来你的问题是由背景插图引起的。

将下列代码添加到你的样式表中：

.jfx-progress-bar > .track, .jfx-progress-bar > .bar {
    -fx-background-radius: 0;
    -fx-background-insets: 0;
}

现在样式已经生效：

.jfx-progress-bar > .bar {
    -fx-background-color: red;
}

这样做可能会导致背景颜色混乱，您可以使用以下方法进行修复:

.jfx-progress-bar > .track {
    -fx-background-color: #E0E0E0;
}

- InternetUnexplorer