如何修改JavaFX中TabPane标题栏的焦点边框颜色

这问题我做JavaFX桌面项目时也踩过坑！那个蓝色边框是JavaFX默认的焦点状态样式，咱们用CSS就能轻松自定义，给你两种常用的实现方式：

方法一：针对特定TabPane自定义样式 #

先给你的TabPane加个标识（比如ID或者样式类），然后在CSS文件里覆盖焦点状态的颜色属性：

1. 先在代码里给TabPane添加样式类（或者直接在Scene Builder里设置）：

// 给目标TabPane添加自定义样式类
posWindowController.mainTabPane.getStyleClass().add("focus-custom-tabpane");

2. 在你的CSS文件中添加以下样式：

/* 自定义TabPane获得焦点时的边框颜色 */
.focus-custom-tabpane:focused {
    -fx-focus-color: #2ecc71; /* 这里替换成你想要的主颜色，比如绿色 */
    -fx-faint-focus-color: rgba(46, 204, 113, 0.15); /* 可选：淡色边框，设为transparent可完全移除 */
}

方法二：全局修改所有TabPane的焦点样式 #

如果你想让项目中所有TabPane的焦点边框都统一修改，直接在CSS里写全局样式：

.tab-pane:focused {
    -fx-focus-color: #3498db; /* 替换成你的目标颜色 */
    -fx-faint-focus-color: transparent; /* 去掉外层淡色边框 */
}

额外提示 #

• 如果只是想临时去掉焦点边框，直接把两个颜色都设为transparent就行；
• 推荐用外部CSS文件管理样式，比内联样式更易维护；
• 要是用Scene Builder，可以直接在TabPane的「Style」属性里写内联样式（比如-fx-focus-color: #ff6b6b; -fx-faint-focus-color: transparent;），不过这种方式只适合单组件的临时调整。

这样调整后，再调用posWindowController.mainTabPane.requestFocus()时，TabPane的标题栏边框就会变成你想要的颜色啦！

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