Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can we add the "appearance" rule? #472

Open
eckstein opened this issue Oct 6, 2024 · 0 comments
Open

Can we add the "appearance" rule? #472

eckstein opened this issue Oct 6, 2024 · 0 comments
Labels
Data request Need to know about something we don't list yet?

Comments

@eckstein
Copy link

eckstein commented Oct 6, 2024

I'm diving into support for various <form> elements and controls and I've been playing with appearance as a way to manipulate how checkboxes/radios look without using the for: connection for a label or :psuedo elements.

So far appearance: none works in

  • All Apple inboxes, all devices
  • Yahoo! desktop and Android (I'm assuming iOS as well)
  • AOL (although with AOL you need to use webkit-appearance: none)

I can confirm it doesn't work in:

  • Any Gmail inbox
  • Any outlook inbox (including outlook.com)

It's really only useful when you have access to the :checked pseudo selector, otherwise there's no way to change it's state. But with :checked enabled, you can use this to replace default input styles without hiding them or using labels (great for interactive email support).

@hteumeuleu hteumeuleu added the Data request Need to know about something we don't list yet? label Oct 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Data request Need to know about something we don't list yet?
Projects
None yet
Development

No branches or pull requests

2 participants