-
@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/
-
@CAWise1 Basically, you must realize that <noinput> will englobe the rest of your code normally following the <input>.
-
@CAWise1 So make sure to force the display of the noinput tag in case you hide your <input> tags.
-
@CAWise1 And use child selectors to target your code instead of sibling selectors. Here's an example…
-
@CAWise1 noinput.checkbox { display:block !important; } .checkbox:checked ~ .something, noinput.checkbox:hover .something { … }