MailViewr - Free HTML Email Preview Tool
← CSS Support Index

Does CSS :checked Work in HTML Email?

Styles a checkbox, radio, or option element when it is in a checked state.

Quick Answer

Does :checked work in HTML email?

The CSS :checked property is supported in Outlook (Mac / Web), Apple Mail, Yahoo! Mail, Samsung Email, and others. It is NOT supported in Gmail, Outlook (Windows), ProtonMail. Always include a safe fallback for unsupported clients.

Which Email Clients Support CSS :checked?

CSS support for :checked across email clients

Email ClientDesktopMobile / WebNotes
Gmail✗ No✗ No
Outlook (Windows)✗ No?
Outlook (Mac / Web)✓ Yes~ Partial
Apple Mail✓ Yes✓ Yes
Yahoo! Mail✓ Yes✓ Yes
Samsung Email?✓ Yes
Thunderbird✓ Yes?
ProtonMail✗ No✗ No
Fastmail✓ Yes?

Notes

  • #1 Partial. Only supported on type selectors.
  • #2 Not supported. `<input>` elements are transformed into `<noinput>`.

Frequently Asked Questions

Related CSS Properties

Test Your Email Now

Paste your HTML and see how it renders in clients that don't support
:checked.

Open Email Previewer