[FIXED] How to remove a line of shadow under javafx button

Issue

Using JavaFX 15

There's a line of shadow below the border of the JavaFX FXML button. is it possible to make it transparent using CSS? As I do not know which attribute it belongs to.

Picture of the button attached below

.btn{
    -fx-background-color: black;
    -fx-background-radius: 30px;
    -fx-border-color: white;
    -fx-border-radius: 30px;
    -fx-border-width: 3px;
}

colored with black background and white borderline for visibility

Solution

It is possible that what you are seeing is the background spilling out past the border. Since you have customized the border thickness in the CSS, you may also need to adjust background insets.

See the CSS docs for Region https://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#region

Answered By - swpalmer