java - 如何使TextArea焦点样式与非焦点样式相同？

这是我的代码：

.text-area {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

屏幕截图如下（我关注第一个TextArea）



我有以下问题：


聚焦的TextArea顶部带有灰色条：如何将其删除？
焦点边框颜色是白色，如何使其像非焦点边框颜色一样？
非焦点TextArea具有边框阴影，如何将其删除？

最佳答案

以下CSS类使TextArea在焦点状态和非焦点状态下都相同：简单的白色背景，默认边框没有阴影，顶部没有“灰色”栏，没有焦点突出显示。

.text-area {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

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

.text-area:focused {
    -fx-background-color: linear-gradient(to bottom, derive(-fx-text-box-border, -10%), -fx-text-box-border), -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 3, 2;
}

关于java - 如何使TextArea焦点样式与非焦点样式相同？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39487144/