JavaFX技术求助：取消TableView聚焦时首行的蓝色边框

我之前也踩过这个坑！要去掉TableView获取焦点时首行显示的蓝色边框，核心是精准覆盖JavaFX默认样式表中控制焦点状态的规则，试试下面这些方法：

方法一：针对性覆盖行焦点样式 #

直接在CSS里覆盖获焦行的边框和背景样式，这是最精准的方式：

/* 消除TableView获焦时首行的蓝色焦点边框 */
.table-view:focused .table-row-cell:focused {
    -fx-background-insets: 0;  /* 去掉默认的内边距，避免边框偏移 */
    -fx-background-color: transparent;  /* 清空背景色 */
    -fx-border-color: transparent;  /* 把边框设为透明 */
}

方法二：全局禁用焦点颜色 #

如果上面的规则没生效，还可以尝试全局设置焦点相关的颜色为透明，从根源上消除这类焦点高亮：

.table-view {
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

或者直接在Java代码里给TableView设置样式：

yourTableView.setStyle("-fx-focus-color: transparent; -fx-faint-focus-color: transparent;");

补充：兼容选中行样式 #

如果你的TableView有选中行的需求，还可以同时调整选中行的样式，避免冲突：

.table-view:focused .table-row-cell:filled:selected {
    -fx-background-insets: 0;
    -fx-border-color: transparent;
    /* 这里可以自定义选中行的背景色，比如：-fx-background-color: #e0e0e0; */
}

把这些样式添加到你的项目CSS文件中，或者通过代码动态设置，应该就能彻底去掉那个烦人的蓝色边框啦！

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