Custom Checkboxes Failing on Firefox
You can enable custom styles for checkbox specifically for mozilla browser by adding this property and it worked for me.
-moz-appearance:initial
I managed to fix it as much as seems possible (I'd still love a better solution, if one exists). I switched all of the selectors from
input[type=checkbox]::after
to
input[type=checkbox] + label::after
Downside:
- requires a label
But:
- HTML requires input elements to have a label
Conclusion:
- only bad for invalid HTML