title: Customize JavaFx Alert with css
body: <p>Searching in <strong>caspian.css</strong> I found that I can customize dialog-pane.Alert extends Dialog so I tried some of of these lines of code:</p>
  
  <pre><code>.dialog-pane {
     -fx-background-color: black;
     -fx-padding: 0;
      .....
    }
  
   .dialog-pane &gt; .expandable-content {
       -fx-padding: 0.666em; /* 8px */
      .....
    }
  
  .dialog-pane &gt; .button-bar &gt; .container {
      -fx-padding: 0.833em; /* 10px */
      .....
    }
  
  .....
  </code></pre>
  
  <p>but nothing changes.</p>
  
  <p><strong>Question:</strong>
  How can I do that? I mean I want to customize the background, the buttons, the header and everything other.</p>