定製了JavaFx警報使用CSS

在caspian.css搜索，我發現我可以自定義對話框的pane.Alert擴展對話，所以我嘗試了一些的代碼行：定製了JavaFx警報使用CSS

.dialog-pane { 
    -fx-background-color: black; 
    -fx-padding: 0; 
    ..... 
    } 

.dialog-pane > .expandable-content { 
    -fx-padding: 0.666em; /* 8px */ 
    ..... 
    } 

.dialog-pane > .button-bar > .container { 
    -fx-padding: 0.833em; /* 10px */ 
    ..... 
    } 

.....

，但沒有任何變化。

問題： 我該怎麼做？我的意思是我想定製背景，按鈕，標題和其他所有東西。

來源

2016-05-20 GOXR3PLUS

'caspian.css'尚未默認樣式爲JavaFX多年，你應該使用['modena.css ']（http://fxexperience.com/2013/01/modena-new-theme-for-javafx-8/）。 – jewelsea

@Jewelsea我看到它具有與裏海一樣的東西，我的意思是CSS選擇器等不起作用。 – GOXR3PLUS

你是如何添加樣式表的？ – fabian

看看here如何添加樣式或|和的styleClass到DialogPane，這樣你就可以添加你的服裝css文件。

例（圖片+ CSS代碼）：

.dialog-pane{ 
    -fx-border-color:black; 
    -fx-border-width:2.0px; 
} 

/**Costumization of The Bar where the buttons are located**/ 
.dialog-pane > .button-bar > .container { 
    -fx-background-color:black; 
} 

.dialog-pane > .content.label { 
    -fx-padding: 0.5em 0.5em 0.5em 0.5em; 
    -fx-background-color: yellow; 
    -fx-text-fill:black; 
    -fx-font-size:15.0px; 
} 

/**Costumization of DialogPane Header**/ 
.dialog-pane:header .header-panel { 
    -fx-background-color: black; 
} 

.dialog-pane:header .header-panel .label{ 
    -fx-background-color: yellow; 
    -fx-background-radius:10px; 
    -fx-text-fill:black; 
    -fx-font-size:15.0px; 
} 


/**Costumization of Buttons**/ 
.dialog-pane .button{ 
    -fx-background-color:black; 
    -fx-text-fill:white; 
    -fx-wrap-text: true; 
    -fx-effect: dropshadow(three-pass-box, yellow, 10.0, 0.0, 0.0, 0.0); 
    -fx-cursor:hand; 
} 

.dialog-pane .button:hover{  
    -fx-background-color:white; 
    -fx-text-fill:black; 
    -fx-font-weight:bold; 
}

來源

2016-05-21 22:49:24 GOXR3PLUS

定製了JavaFx警報使用CSS

回答

相關問題