CSSを用いた背景色の設定

背景色を設定するには「-fx-background-color」を使用します。

各種コントロールのsetStyleメソッドで「-fx-background-color: green」を設定した実行結果を以下に示します。


			 setStyle( "-fx-background-color: green" )

実行例

【 Label 実行結果】

【 Button 実行結果】

【 TextField 実行結果】

入力フィールドの後ろがGreenになっているのか？フチがgreenになった。TextFieldと同じ結果にならないことが興味深い。

【 TextArea 実行結果】

【 CheckBox 実行結果】

【 RadioButton 実行結果】

【 ChoiceBox 実行結果】

背景がGreenになっているのか？フチがGreenになった。

【 ListView 実行結果】

【 ComboBox 実行結果】

【 Slider 実行結果】

TextArea、ListViewと同様に、フチがGreenになった。

【 Progress 実行結果】

【 ToolBar 実行結果】

背景がGreenになっているのか？フチがGreenになった。

【 TreeView 実行結果】

背景がGreenになっているのか？フチがGreenになった。

【 TreeTableView 実行結果】