JavaFX 8:如果取消选中该复选框,则通过 css 放置缺省"x"标记



我希望能够控制我的Javafx复选框标记形状,并通过CSS选择状态。

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

.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;
}

感谢帮助!

没有pseudo class :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 StylesHeet的副本。搜索"复选框"以查看默认复选框的样式。

最新更新