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