Comment supprimer l'ombre de la bordure de la zone de texte

Question

Je souhaite créer une zone de texte avec des bordures noires.

TextArea dataPane = new TextArea(); 
dataPane.setStyle("-fx-border-color: black; -fx-border-width: 1; -fx-border-radius: 16;"); 

Mais je reçois ce résultat:

Pouvez-vous me dire comment je peux enlever cette ombre bleue?

Answer 1

La bordure bleue n'est pas une ombre mais une couleur de focus par défaut dans le style caspien de JavaFX pour les contrôles. Vous pouvez voir sa définition dans caspian.css comme -fx-focus-color avec la valeur par défaut #0093ff.

Maintenant, nous pouvons remplacer cette palette de couleurs par contrôle. Alors vous faites

dataPane.setStyle("-fx-border-color: black; -fx-border-width: 1; " 
       + "-fx-border-radius: 16; -fx-focus-color: transparent"); 

Answer 2

Si vous voulez supprimer complètement toutes les frontières, les ombres, les faits saillants:

.text-area { 
    -fx-background-insets: 0; 
    -fx-background-color: transparent, white, transparent, white; 
} 

.text-area .content { 
    -fx-background-color: transparent, white, transparent, white; 
} 

.text-area:focused .content { 
    -fx-background-color: transparent, white, transparent, white; 
} 

.text-area:focused { 
    -fx-highlight-fill: #7ecfff; 
} 

.text-area .content { 
    -fx-padding: 10px; 
    -fx-text-fill: gray; 
    -fx-highlight-fill: #7ecfff; 
}