title: How do I give a JavaFX TextField a Swing-style lowered bevel border?
body: <p>I like the 3D effect of a JTextField with Borders created by BorderFactory.createLoweredBevelBorder(). Now that I'm working with JavaFX instead, the L&amp;F of the border is controlled by CSS. And the default look is just a simple line stroke border. I figured out how to edit the CSS file to thicken the border and change its color:</p>
  
  <pre><code>.text-field { -fx-border-color: color; -fx-border-width: #; }
  </code></pre>
  
  <p>But if you look at a Swing-generated lowered bevel effect it is created by having different colors on 2 of the 4 sides and having the edge barrier at a 45 degree angle. So how do I accomplish that with CSS?</p>