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

Question

这是我的代码:

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

截图如下(我关注的是第一个TextArea)

我有以下问题:

• 聚焦的TextArea顶部有灰色条:如何删除它？
• 焦点边框颜色是白色，如何使其像非焦点边框颜色？
• 非聚焦的TextArea有边框阴影，如何去除？

Answer 1

以下 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;
}