JavaFX TextArea样式与CSS

Question

我想知道如何更改显示在文本区域中的内部边框颜色。我想删除文本区域红色边框内的蓝色透明边框。我已经检查了modena.css文件，但找不到解决方法。

我的CSS文件中包含的内容：

.text-area:focused {
 -fx-background-color:  white;
 -fx-border-color: rgba(229,0,0,0.3);
}

Answer 1

TextArea的内容上带有附加的边框/背景。要更改/摆脱它，您需要在CSS中添加样式。

类似

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

不确定这是否足够安全：它是not documented（或者至少我找不到关于它的任何文档），只能作为实现文件使用。在提取的modena.css

中

Answer 2

我使用以下代码摆脱文本区域的自动生成的焦点效果：

* {
-fx-focus-color: transparent;
-fx-border-style: none;
}

或

.textarea {
-fx-focus-color: transparent;
-fx-border-style: none;
-fx-background-radius: 0.0px;
-fx-border-radius: 0.0px;
}

要摆脱所有默认样式，包括圆形边框...