-
@CAWise1 Yes, but <noinput> makes things tricky. I wrote about it here litmus.com/community/discussions/1086-community-contest-creative-navigation-in-email#comment-3936 or here (in french) emails.hteumeuleu.fr/2015/03/e-mail-interactif-filtre-svg-transitions-css/On twitter.com
Mood +1 🙂
-
@CAWise1 Basically, you must realize that <noinput> will englobe the rest of your code normally following the <input>.Permalink On twitter.com
Mood 0
-
@CAWise1 So make sure to force the display of the noinput tag in case you hide your <input> tags.Permalink On twitter.com
Mood -1 🙁
-
@CAWise1 And use child selectors to target your code instead of sibling selectors. Here's an example…Permalink On twitter.com
Mood 0
-
@CAWise1 noinput.checkbox { display:block !important; } .checkbox:checked ~ .something, noinput.checkbox:hover .something { … }Permalink On twitter.com
Mood +1 🙂