css - 如何在 TableView 上正确覆盖默认的 JavaFX 8 CSS

Question

我试图覆盖 JavaFX 中 TableView 中某些列的默认样式。基本上我想让可编辑的值呈现浅黄色背景，以便人们知道这些列是可编辑的。

但是当我在字段上设置这个 CSS 时:

.editableColumn.table-cell { 
-fx-background-color:lightyellow;
-fx-alignment:CENTER-RIGHT;
-fx-border-width: .5px; 
-fx-border-style: solid;
-fx-border-color:grey;
}

它删除了其余的格式，因此高亮条等都消失了。

我需要设置哪些 CSS 属性才能使突出显示有效，这样我的值才不会消失(这里是黄底白字，因此您看不到值)。

谢谢!

Answer 1

如果您只想确保文本颜色适合您设置的背景，请尝试设置 -fx-background与 -fx-background-color 相同的值:

.editableColumn.table-cell { 
-fx-background-color:lightyellow;
-fx-background: lightyellow ;
-fx-alignment:CENTER-RIGHT;
-fx-border-width: .5px; 
-fx-border-style: solid;
-fx-border-color:grey;
}

如果您希望“选定样式”覆盖列中和选定行中的单元格的“可编辑样式”，我认为您需要手动恢复选定单元格的默认样式。有点像

.table-row-cell:filled:selected .editableColumn.table-cell {
    -fx-background-color: null ;
    -fx-border-color: transparent -fx-table-cell-border-color transparent transparent;
    /* -fx-border-width: null ; (not sure about this one...) */
}