JavaFX 8：如果取消选中复选框，则通过 css 放置默认的“x”标记答案

【问题标题】：JavaFX 8: Putting a default "x" mark via css if the checkbox is deselectedJavaFX 8：如果取消选中复选框，则通过 css 放置默认的“x”标记
【发布时间】：2018-02-27 09:43:00
【问题描述】：

我希望能够在通过 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;
}

感谢您的帮助！

【问题讨论】：

没有:normal 伪类，除非你自己添加它（docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/…）。但是，您可以覆盖 .check-box:selected .mark 规则中的值，因为它比 .check-box .mark 更具体。

标签： java css javafx java-8 javafx-8

【解决方案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 样式表的副本。搜索“复选框”以查看默认复选框的样式。

【讨论】：