我希望能够控制我的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的副本。搜索"复选框"以查看默认复选框的样式。