Summary & Key Takeaways ​

• The ::checkmark pseudo-element offers native CSS styling for checked input states.
• Current browser support for ::checkmark is limited, especially in Safari and Firefox.
• The specification's intended support for checkboxes and radios is not yet fully implemented.
• The article compares traditional custom checkmark solutions with the modern ::checkmark.
• It provides recommendations for implementing custom checkmarks using progressive enhancement.

Our Commentary ​

Styling form controls has always been a pain point, and ::checkmark promised to fix a lot of that. It's a shame to hear about the limited browser support, but this article does a great job of laying out the current state and how to approach it with progressive enhancement. It's a practical guide for a common UI challenge.