title: style pressed button in JavaFX
body: <p>I've got a <code>Button</code> in my <code>FXML</code> file and i give a style to it by below <code>CSS</code></p>
  
  <pre><code>.button {
      -fx-background-color: linear-gradient(#ff5400, #be1d00);
      -fx-background-radius: 30;
      -fx-background-insets: 0;
      -fx-text-fill: white;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/9BThS.png" alt="enter image description here"></p>
  
  <p>as you can see the button has a new awesome style, but whenever i click on it, it remains as like as before and you can't understand is it clicked or not...</p>
  
  <p>As I searched, I found one solution in this link: <a href="https://stackoverflow.com/questions/15463854/pressed-button-css">Pressed  CSS</a>, but if you notice it is The CSS that is used by Web Browsers and JavaFX does not support it.</p>
  
  <p>so what is the solution? I want my button changes its appearance when the users hit or click it.</p>