← CSS Support Index

Does CSS :hover Work in HTML Email?

Applies styles when the user hovers a pointing device over an element.

Quick Answer

Does :hover work in HTML email?

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

Which Email Clients Support CSS :hover?

CSS support for :hover across email clients

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

Notes

  • #1 Partial. Not supported with non Google accounts.
  • #2 Partial. Only supported on type selectors.

Frequently Asked Questions

Related CSS Properties

Test Your Email Now

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

Open Email Previewer

Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so :hover can't sneak into your markup by accident. Open the Email Builder →