JavaFX: CheckBox Custom CSS

Before and after applying this CSS

* {
	-fx-darkest-grey-color: #323232;
}

.check-box .box {
	-fx-background-color: white;
	-fx-border-color: -fx-darkest-grey-color;
	-fx-border-radius: 0; 
}
.check-box .mark {
 	-fx-shape: "M1.73,12.91 8.1,19.28 22.79,4.59 22.79,1.59 8.1,16.28 1.73,9.91";
}
.check-box:selected .mark {
	-fx-background-color: white;
}
.check-box:selected .box {
	-fx-background-color: -fx-darkest-grey-color;
}

Leave a Reply

Your email address will not be published. Required fields are marked *