如何更改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; 
}