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