テキストが表示されない白い

Question

私はこのコードを持っている

：

private void createAndAddCommonInformationSection(){ 
    Text text = new Text("CommonText"); 
    gridPane.add(header); 
} 

を

ザ・ホワイト色で表示されますので、以下のように、私はCCS-ファイルを持っている：

.root { 
-fx-base: rgb(50, 50, 50); 
-fx-background: rgb(50, 50, 50); 
-fx-control-inner-background: rgb(50, 50, 50); 
} 

.tab { 
-fx-background-color: linear-gradient(to top, -fx-base, derive(-fx-base,30%)); 
} 

.menu-bar { 
-fx-background-color: linear-gradient(to bottom, -fx-base, derive(-fx-base,30%)); 
} 

.tool-bar:horizontal { 
-fx-background-color: 
linear-gradient(to bottom, derive(-fx-base,+50%), derive(-fx-base,-40%), derive(-fx-base,-20%)); 
} 

.button { 
-fx-background-color: transparent; 
} 

.button:hover { 
-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color; 
-fx-color: -fx-hover-base; 
} 

.table-view { 
-fx-table-cell-border-color:derive(-fx-base,+10%); 
-fx-table-header-border-color:derive(-fx-base,+20%); 
} 

.split-pane:horizontal > * > .split-pane-divider { 
-fx-border-color: transparent -fx-base transparent -fx-base; 
-fx-background-color: transparent, derive(-fx-base,20%); 
-fx-background-insets: 0, 0 1 0 1; 
} 

.my-gridpane { 
-fx-background-color: radial-gradient(radius 100%, derive(-fx-base,20%), derive(-fx-base,-20%)); 
} 

.separator-label { 
-fx-text-fill: orange; 
} 

.text{ 
-fx-text-fill: white; 
} 

Everythinがされコードスニペット内のテキストの色が期待される色で表示されない点を除いて、CSSファイルでうまく動作します。

私はすでに

-fx-fill: white; 

と

-fx-fill-text: white; 

を試してみましたが、何も助けません。

私は間違っていますか？

Answer 1

documentationによると、Textノードにはデフォルトのスタイルクラスがありません。テキストノードがCSSセレクタに一致するためには、

が必要です。その後、

.text { 
    -fx-fill: white ; 
} 

となります。あなたが動作するはずTextノードに手動でスタイルクラスを追加しても、CSSでそれをスタイルにしたい場合は

通常は、fx-text-fillプロパティと一緒にLabelを使用します。