JavaFX TextArea顶部阴影无法消除问题求助

JavaFX的TextArea组件默认嵌套了ScrollPane，顶部阴影通常来自这个内部滚动容器的默认样式，或是组件聚焦状态下的预设效果。你需要彻底覆盖这些默认样式，修改后的CSS代码如下：

.text-area-ui {
    -fx-background-radius: 3;
    -fx-background-color: white;
    -fx-border-width: 0;
    -fx-padding: 0;
    -fx-effect: null;
}

.text-area-ui:focused {
    -fx-effect: null;
    -fx-background-color: white;
    -fx-border-width: 0;
}

.text-area-ui .content {
    -fx-background-insets: 0;
    -fx-background-color: white;
    -fx-effect: null;
}

.text-area-ui .scroll-pane .viewport {
    -fx-background-color: white;
    -fx-effect: null;
}

.text-area-ui .scroll-pane {
    -fx-background-color: transparent;
    -fx-effect: null;
}

关键修改说明：

• 用-fx-effect: null直接移除所有预设的阴影/效果，比注释代码更彻底
• 覆盖内部.scroll-pane和.viewport的样式，消除滚动容器自带的默认阴影
• 聚焦状态下完全重置样式，避免系统默认的聚焦阴影触发
• 移除组件默认边框和内边距，排除潜在的阴影来源

内容的提问来源于stack exchange，提问作者XiaoJiawei