如何在TableView上正確覆蓋默認的JavaFX 8 CSS

Question

我試圖覆蓋JavaFX的表格視圖中某些列的默認樣式。 基本上，我希望可編輯的值呈現淺黃色背景，以便人們知道這些列是可編輯的。

但是，當我在字段上設置此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...) */
}