Two errors in fact :) - Input should be a checkbox, not hidden. Otherwise, browser cannot toggle its value. - you must set an "id" attribute on the input + a "for" attribute on the label, so wihen you click on the label, it toggle the input value. Label goes 100% width, on top of the toggle.
See this pen https://codepen.io/remi-grumeau/pen/dmpLvX?editors=1000 I added a green color on the label so you see how it covers the whole area. - bonus point : label should be after the div, not before it. can't remember exactly why but there is a CSS selector reason for that. Cheers, Remi Remi On Sat, Mar 17, 2018 at 12:33 PM, Rune Back <rune.b...@gmail.com> wrote: > <!-- It looks OK, but it's *R/O*! --> > <div class="row"> > <label>Living?</label> > <div class="toggle" role="toggle" onclick="" toggled=""> > <input type="hidden" name="value" value="true"> > <span class="thumb"></span> > </div> > </div> > > Thankful for any help, > > Rune > > -- > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to iphonewebdev+unsubscr...@googlegroups.com. > To post to this group, send email to iphonewebdev@googlegroups.com. > Visit this group at https://groups.google.com/group/iphonewebdev. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to iphonewebdev+unsubscr...@googlegroups.com. To post to this group, send email to iphonewebdev@googlegroups.com. Visit this group at https://groups.google.com/group/iphonewebdev. For more options, visit https://groups.google.com/d/optout.
