Use normal `checkbox` and `radio` appearance in `forced-colors` mode

tailwindlabs / tailwindcss-forms

A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.

https://tailwindcss-forms.vercel.app

MIT License

4.15k stars 219 forks source link

Use normal `checkbox` and `radio` appearance in `forced-colors` mode #152

Closed thecrypticace closed 10 months ago

thecrypticace commented 10 months ago

In the Windows theme "High Contrast White" our checked checkboxes weren't distinguishable from unchecked ones. This happens because colors are overridden by the browser / OS but url() background images are still displayed — and our checkmark SVG background has fill="white".

This resets the checkbox (and radio buttons) to appearance: auto such that the appearance is entirely controlled by the browser in forced colors mode.

vercel[bot] commented 10 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tailwindcss-forms	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 10, 2023 7:23pm