Gmail to remove CSS :checked support 😟


With a new update about to roll (already rolling?) out, Gmail has added support for – amongst other things – media queries and non-inline styles. Along with that update however, they’ve also axed support for :checked:

Also gone is the support for :checked selectors. The only pseudo-class selector supported in Gmail and G Suite webmail is :hover. In Inbox, :hover isn’t supported either.

This is a real shame imho, because it would prevent the creation of interactive e-mail using punched card coding. One of such mails is shown above. Yes, that really is an e-mail.

Embedded below a slidedeck by Mark Robbins (who kinda put it all together) on the subject, which he gave at CSS Day earlier this year:

See the Pen CSS Day slides – Mark Robbins by Mark Robbins (@M_J_Robbins) on CodePen.

And yes, even that entire presentation works *INSIDE* an e-mail.

Responsive email support in Gmail is coming →
Gmail update: A closer look at Google’s rendering refresh →
Punched card coding: the secret of interactive email →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Join the Conversation


  1. Do you have a link to where you found this out initially and did they give a reason why they did this?

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.