It's difficult to custom a checkbox with CSS properties, because it will not have effects on your web page. So what you can do is, masking your default checkbox and adding shape and/or text before or ...

A lightweight set of Stimulus controllers that synchronize a checkbox with the presence (or absence) of a CSS class on a group of target elements. This makes it easy to manage UI states—such as ...