title: JavaFX ToggleButton Shadow
body: <p>Hello Fellow StackOverflow Users, this is my first post/question and hopefully i'm not violating any rules/ect.</p>
  
  <p>Unfortunately I am unable to post a picture, but I will put this here for a reference.
  <a href="http://i.imgur.com/M0uckkg.jpg" rel="nofollow">http://i.imgur.com/M0uckkg.jpg</a> (Before Button Click)</p>
  
  <p>OT: On the picture above, I am attempting to make the button's background completely transparent besides the text.</p>
  
  <p><a href="http://i.imgur.com/bFOEOVC.jpg" rel="nofollow">http://i.imgur.com/bFOEOVC.jpg</a> (After Button Click)</p>
  
  <p>Everything works out until I click the button then shadows appear on the side.</p>
  
  <p>Here is what I have tried...</p>
  
  <p>CSS</p>
  
  <pre><code>.toggle-button {
      -fx-text-fill: black;
      -fx-base: transparent;
      -fx-background: transparent;
      -fx-focus-color: transparent;
      -fx-border-color: transparent;
      -fx-effect: null;
  }
  
  .toggle-button:selected {
      -fx-text-fill: black;
      -fx-base: transparent;
      -fx-background: transparent;
      -fx-focus-color: transparent;
      -fx-border-color: transparent;
      -fx-effect: null;
  }
  </code></pre>
  
  <p>The java code is just a plain simple application with a ToggleButton.</p>
  
  <p>Special Thanks in Advance!
  - Bart</p>