如何改变 JFoenix 进度条的颜色

Question

我正在尝试更改在 JFoenix 库 (http://www.jfoenix.com) 上找到的进度条的颜色。我正在使用 Java 和 JavaFX，这是我的示例 css:

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

它应该可以工作，但它会禁用颜色。

启用 css：

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

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