如何设置复选框标记样式并启用单元格选择

时间:2017-04-12 13:42:26

标签: javafx-8

我遇到了一个问题,我似乎无法找到正确的CSS来纠正。当我使用复选框表单元格并选择行时,复选框标记变为白色 - 看起来像是取消选择。

enter image description here

我能够更改我的CSS,使其显示为相同或不同。

.table-row-cell:selected > .check-box-table-cell > .check-box:selected > .box > .mark {
    -fx-background-color: -fx-text-base-color;
    -fx-background-insets: 0;
}

enter image description here

但是,如果该表切换到单元格选择 - 那么这个CSS不起作用。

enter image description here

我试图将此添加为样式:

.table-cell:selected > .check-box-table-cell > .check-box:selected > .box > .mark {
    -fx-background-color: -fx-text-base-color;
    -fx-background-insets: 0;
}

但这让我的造型与上面提到的相同。当单元格选择为真时,不确定如何防止该复选框变为白色。

感谢您提供的任何帮助。

感谢。

1 个答案:

答案 0 :(得分:1)

使用你的css代码我无法完全重现你的图片,因为你发布的css只会改变标记的外观,你可能有额外的css代码改变了复选框的外观,但问题似乎是躺在css引用中。

.table-cell:selected已经引用了check-box-table-cell,所以试试

.table-cell:selected > .check-box:selected > .box > .mark{
    -fx-background-color: -fx-text-base-color;
    -fx-background-insets: 0;
}

.check-box-table-cell:selected > .check-box:selected > .box > .mark{
    -fx-background-color: -fx-text-base-color;
    -fx-background-insets: 0;
}