Custom Radio and Checkbox colors in Tailwind

With Tailwind's accent-{color} class, you can customize your form's colors. On your input, simply add the class along with the color of your choice like this:

<input type="checkbox" class="accent-red-300" checked>

And the result looks like this! (its an image btw, I'll save you a click)

This works for the accent colors of radio groups as well.

Tweet