Как удалить тень из области текстовой области

Question

Я хочу создать область текста с черными границами.

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

Но я получаю этот результат:

Можете ли вы сказать мне, как я могу удалить эту голубую тень?

Answer 1

Синяя рамка - это не тень, а цвет фокуса по умолчанию в каспийском стиле JavaFX для элементов управления. Вы можете увидеть его определение в caspian.css как -fx-focus-color со значением по умолчанию #0093ff.

Теперь мы можем переопределить эту цветовую палитру на элемент управления. Таким образом, вы

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

Answer 2

Если вы хотите, чтобы полностью удалить все границы, тени, блики:

.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; 
}