2015-05-02 52 views
2

我試圖在按下時更改我的TitledPane的標題顏色,但我無法設法做到這一點。 這是我的CSS:JavaFX TitledPane無法覆蓋-fx-text-fill

.titled-pane * { 
    -fx-background-color: transparent; 
} 
.titled-pane .title{ 
    -fx-background-color: #666666; 
} 
.titled-pane .title:hover { 
    -fx-background-color: #AAAAAA; 
} 
.titled-pane .title:pressed { 
    -fx-background-color: #DDDDDD; 
    -fx-text-fill: black; // does not work 
} 

背景設置做工精細,所以我不明白有什麼問題。

我見過this問題,但我不知道如何將解決方案應用於我的案例。

在此先感謝。

回答

3

如果你看看風格是如何應用到modena.css一個TitledPane,你會看到文本的根選擇風格:

.titled-pane { 
    -fx-text-fill: -fx-text-base-color; 
} 

所以你只需要申請在按壓狀態下所需的文字顏色:

.titled-pane * { 
    -fx-background-color: transparent; 
} 
.titled-pane:pressed { 
    -fx-text-fill: red; 
} 
.titled-pane .title{ 
    -fx-background-color: #666666; 
} 
.titled-pane .title:hover { 
    -fx-background-color: #AAAAAA; 
} 
.titled-pane .title:pressed { 
    -fx-background-color: #DDDDDD; 
}