JavaFX的TableView组件在默认样式下，用户选中某一行时，该行周围会出现蓝色的焦点边框，这是JavaFX内置的Modena样式表定义的默认交互反馈效果。如果项目需要统一的UI风格，或者希望弱化选中行的视觉突出效果，就需要对这个默认边框进行调整。
一、理解TableView选中行边框的样式来源
JavaFX的所有UI组件样式都由CSS控制，TableView的选中行边框样式定义在.table-row-cell:selected和.table-row-cell:focused这两个选择器中。默认的蓝色边框是通过border-color和border-style属性实现的，我们只需要覆盖这些默认属性就能调整样式。
二、完全移除选中行的蓝色焦点边框
如果需要彻底去掉选中行周围的蓝色边框，只需要将对应选择器的边框属性设置为无即可，有两种实现方式。
1. 通过代码内联样式设置
直接在Java代码中给TableView添加内联CSS样式，这种方式适合样式调整范围小的场景。
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class TableViewBorderDemo extends Application {
@Override
public void start(Stage stage) {
TableView<String> tableView = new TableView<>();
// 添加示例列
TableColumn<String, String> column = new TableColumn<>("列名");
tableView.getColumns().add(column);
// 移除选中行的蓝色焦点边框
tableView.setStyle(
".table-row-cell:selected { " +
" -fx-border-color: transparent; " +
" -fx-background-color: -fx-table-cell-border-color, -fx-background; " +
"} " +
".table-row-cell:focused:selected { " +
" -fx-border-color: transparent; " +
"}"
);
VBox root = new VBox(tableView);
Scene scene = new Scene(root, 400, 300);
stage.setScene(scene);
stage.setTitle("移除TableView选中边框示例");
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
2. 通过外部CSS文件设置
如果项目中有统一的样式文件，更推荐把样式写在外部CSS中，方便后续维护。
首先创建样式文件style.css，内容如下：
/* 移除TableView选中行的蓝色边框 */
.table-row-cell:selected {
-fx-border-color: transparent;
-fx-background-color: -fx-table-cell-border-color, -fx-background;
}
.table-row-cell:focused:selected {
-fx-border-color: transparent;
}
然后在Java代码中加载这个CSS文件：
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TableView;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class TableViewCssDemo extends Application {
@Override
public void start(Stage stage) {
TableView<String> tableView = new TableView<>();
VBox root = new VBox(tableView);
Scene scene = new Scene(root, 400, 300);
// 加载外部CSS文件，假设style.css放在resources/css目录下
scene.getStylesheets().add(getClass().getResource("/css/style.css").toExternalForm());
stage.setScene(scene);
stage.setTitle("外部CSS设置TableView样式");
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
三、自定义选中行的焦点边框样式
如果不想完全移除边框，只是想修改边框的颜色、宽度等属性，只需要调整-fx-border-color、-fx-border-width等属性即可。
比如要把选中行的边框改成红色、宽度为2像素的实线，外部CSS可以这样写：
/* 自定义TableView选中行的边框样式 */
.table-row-cell:selected {
-fx-border-color: #ff0000;
-fx-border-width: 2px;
-fx-border-style: solid;
}
.table-row-cell:focused:selected {
-fx-border-color: #ff0000;
-fx-border-width: 2px;
-fx-border-style: solid;
}
如果需要同时保留选中的背景色，只修改边框，注意不要让背景色的设置覆盖默认的选中背景，上面的写法中-fx-background-color如果没有特殊需求可以不设置，默认会保留原有的选中背景色。
四、注意事项
- 修改样式时如果使用了外部CSS文件，要确保CSS文件的路径正确，否则样式不会生效。
- 如果同时设置了
.table-row-cell:selected和.table-cell:selected的样式，要注意优先级，避免样式冲突。 - 如果TableView设置了自定义的行工厂（RowFactory），要确保行工厂生成的行没有额外的样式覆盖我们设置的边框属性。
JavaFX的CSS语法和Web的CSS语法大部分兼容，但是部分属性名有前缀-fx-，调整样式时要注意使用JavaFX支持的属性名，避免写错属性导致样式不生效。