Java 如何使文本区域焦点样式与非焦点样式相同?

Java 如何使文本区域焦点样式与非焦点样式相同?,java,css,javafx,Java,Css,Javafx,这是我的密码: .text-area { -fx-focus-color: transparent; -fx-faint-focus-color: transparent; } 屏幕截图如下(我将焦点放在第一个文本区域) 我有以下问题: 聚焦的text区域顶部有灰色条:如何删除 聚焦边框颜色为白色,如何使其像非聚焦边框颜色 非聚焦的TextArea有边框阴影,如何去除 试试这个,然后将颜色更改为您想要的颜色 .text-area:focused{ -fx-backgroun

这是我的密码:

.text-area {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}
屏幕截图如下(我将焦点放在第一个
文本区域

我有以下问题:

  • 聚焦的
    text区域顶部有灰色条:如何删除
  • 聚焦边框颜色为白色,如何使其像非聚焦边框颜色
  • 非聚焦的
    TextArea
    有边框阴影,如何去除

试试这个,然后将颜色更改为您想要的颜色

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

以下CSS类使
TextArea
s在聚焦和非聚焦状态下看起来都一样:简单的白色背景,没有阴影的默认边框,顶部没有“灰色”条,没有焦点突出显示

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