Styling Inputs with Accent Color

The `accent-*` utility changes the color of the browser's default checkbox or radio button. It does not change the shape or size.

Default Inputs

Default Checkbox Default Radio

Inputs with Accent Color

Here, we use `accent-blue-500` for the checkbox and `accent-pink-500` for the radio button.

Blue Checkbox Pink Radio 1 Pink Radio 2

Note: The `h-5 w-5` classes applied above might slightly affect the clickable area or spacing around the native control, but they don't fundamentally change the *visual style* of the checkmark or radio dot itself, other than its color via `accent-*`.