使用 css 自定义 JavaFx 警报 [重复]答案

【问题标题】：Customize JavaFx Alert with css [duplicate]使用 css 自定义 JavaFx 警报 [重复]
【发布时间】：2016-09-18 04:35:06
【问题描述】：

在 caspian.css 中搜索我发现我可以自定义 dialog-pane.Alert extends Dialog 所以我尝试了其中一些代码行：

.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 */
    .....
  }

.....

但没有任何变化。

问题： 我怎样才能做到这一点？我的意思是我想自定义背景、按钮、标题和其他所有内容。

【问题讨论】：

caspian.css 多年来一直不是 JavaFX 的默认样式表，您应该改用 modena.css。
@Jewelsea 我看到它与里海有相同的东西，我的意思是 CSS 选择器等不起作用。
您是如何添加样式表的？
@fabian 是的。应该这段代码可以与 Alert 一起正常工作？
@José Pereda 太棒了...这就是答案谢谢！！我不明白警报是一个不同的阶段，所以它需要手动添加样式表。

标签： java css javafx

【解决方案1】：

看看here如何将stylesheet或|和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; 
 }

【讨论】：