Skip to content

docs: clarify checkbox checked background colors#186

Open
sueun-dev wants to merge 1 commit into
tailwindlabs:mainfrom
sueun-dev:docs-checkbox-checked-bg-example
Open

docs: clarify checkbox checked background colors#186
sueun-dev wants to merge 1 commit into
tailwindlabs:mainfrom
sueun-dev:docs-checkbox-checked-bg-example

Conversation

@sueun-dev
Copy link
Copy Markdown

This updates the checkbox/radio examples to use checked:bg-* when showing checked-state colors, and adds a short note for the bg-* + checked state case.

The current examples show text-* for checkbox color. With the custom appearance styles in this plugin, native accent-* utilities do not control the rendered checked background, and in Tailwind CSS v4 an unchecked bg-* can make that especially confusing. checked:bg-* works for the checked background in both v3 and v4.

Checked:

  • npm test
  • npm run build
  • Tailwind CSS v3.4.13 fixture build
  • Tailwind CSS v4.3.0 fixture build
  • Browser computed-style check on the v3/v4 fixtures through http://127.0.0.1:8765

Related to #184.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 2, 2026

@sueun-dev is attempting to deploy a commit to the Tailwind Labs Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant