JavaFX 8：如果取消选中复选框，则通过 css 放置默认 "x" 标记

Question

我希望能够在通过 css 选择和取消选择的状态上控制我的 JavaFX 复选框标记形状。

我可以使用这个控制选中状态下的标记属性：

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

没有选中怎么办？底线，如果它被取消选择我只想要 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

没有伪class:正常。只需将其关闭即可为未选中的复选框设置样式。

 .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 样式表的副本。搜索 "checkbox" 以查看默认复选框的样式。

JavaFX 8：如果取消选中复选框，则通过 css 放置默认 "x" 标记

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

css

java

javafx

java-8

javafx-8