我已经尝试了Remove grid line in tableView中的以下代码,但这只允许我更改垂直线颜色而不是水平线颜色。
所以,我正在尝试更改下图中可以看到的白色边框线颜色,如何更改此颜色?我正在使用JavaFX和CSS。
这是我的CSS:
.table-view{
-fx-background-color: transparent;
}
.table-view:focused{
-fx-background-color: transparent;
}
.table-view .column-header-background{
-fx-background-color: #262626;
}
.table-view .column-header-background .label{
-fx-background-color: transparent;
-fx-text-fill: #0ed9e0;
}
.table-view .column-header {
-fx-background-color: transparent;
}
.table-view .table-cell{
-fx-text-fill: #0ed9e0;
-fx-alignment: center;
}
.table-row-cell{
-fx-background-color: -fx-table-cell-border-color, #2b2a2a;
-fx-background-insets: 0, 0 0 1 0;
-fx-padding: 0.0em; /* 0 */
}
.table-row-cell:odd{
-fx-background-color: -fx-table-cell-border-color, #262626;
-fx-background-insets: 0, 0 0 1 0;
-fx-padding: 0.0em; /* 0 */
}
.table-row-cell:selected {
-fx-background-color: #005797;
-fx-background-insets: 0;
-fx-background-radius: 1;
}
答案 0 :(得分:13)
为了更改边框的垂直和水平颜色,您可以在css中使用以下代码:
.table-row-cell{
-fx-border-color: red;
-fx-table-cell-border-color:red;}
此外,您可以使用以下代码更改整个表格的边框(而不是内边框):
.table-view{
-fx-border-color: red;}