JavaFXのアラートの「表示詳細」エリアのスタイル

Question

AlertのDialogのマークされた領域をCSSでスタイルするにはどうすればよいですか？助けてください。

Answer 1

AlertためModena.cssスタイリングは、関心のセレクタは次のようになり、詳細ボタンについては〜ライン3339

からhere提供されています：

.dialog-pane > .button-bar > .container > .details-button { 
    -fx-alignment: baseline-left; 
    -fx-focus-traversable: false; 
    -fx-padding: 0.416em; /* 5px */ 
} 

.dialog-pane > .button-bar > .container > .details-button.more { 
    -fx-graphic: url("dialog-more-details.png"); 
} 

.dialog-pane > .button-bar > .container > .details-button.less { 
    -fx-graphic: url("dialog-fewer-details.png"); 
} 

.dialog-pane > .button-bar > .container > .details-button:hover { 
    -fx-underline: true; 
} 

---

例：

CSS：

.dialog-pane > .button-bar > .container > .details-button.more { 
    -fx-background-color: red; 
} 

.dialog-pane > .button-bar > .container > .details-button.less { 
    -fx-background-color: green; 
} 

---

更新：

あなたはまた-fx-graphicを変更することで、画像を変更することができますが、画像が希望の大きさでなければなりません。あなたの答えのためにたくさんThabks

.dialog-pane > .button-bar > .container > .details-button.more { 
    -fx-graphic: url("unchecked_checkbox.png"); 
} 

.dialog-pane > .button-bar > .container > .details-button.less { 
    -fx-graphic: url("checked_checkbox.png"); 
}