JavaFX 8 : Putting a default "x" mark via css if the checkbox is deselected

Question

我希望能够通过 CSS 控制选中和取消选中状态的 JavaFX 复选框标记形状。

我可以使用以下方法控制选定状态下的标记属性:

.check-box:selected .mark {
    -fx-background-color: gb-control-btn-color;
}

如果未选中，该怎么办？最重要的是，如果取消选择 X，我只想要 X，如果选择它，则检查(默认)。

我已经尝试这样做但无济于事:

.check-box:normal .mark {
    -fx-shape: "M2,0L5,4L8,0L10,0L10,2L6,5L10,8L10,10L8,10L5,6L2,10L0,10L0,8L4,5L0,2L0,0Z";
    -fx-background-color: gb-control-btn-color;
}

感谢您的帮助!

Answer 1

没有伪类:normal。只需将其保留，即可设置未选中复选框的样式。

 .check-box:selected > .box > .mark {
    -fx-shape: "M-0.25,6.083c0.843-0.758,4.583,4.833,5.75,4.833S14.5-1.5,15.917-0.917c1.292,0.532-8.75,17.083-10.5,17.083C3,16.167-1.083,6.833-0.25,6.083z";
 }

 .check-box > .box > .mark {
     -fx-shape: "M2,0L5,4L8,0L10,0L10,2L6,5L10,8L10,10L8,10L5,6L2,10L0,10L0,8L4,5L0,2L0,0Z";
     -fx-background-color: black;
 }

在 modena.css 设置 JavaFx 组件样式时，有一个非常宝贵的资源。 ，它是默认 JavaFx 样式表的副本。搜索“复选框”以查看默认复选框的样式。