Checkboxes won't render without label, and label needs to be in the right place

I’ve noticed that checkboxes only appear if they are coded like this: <input type="checkbox" id="checkboxid"><label for="checkboxid">Yes?</label>

These do not work: <input type="checkbox" id="checkboxid"> <label for="checkboxid">Yes?</label><input type="checkbox" id="checkboxid"> <label>Yes?<input type="checkbox" id="checkboxid"></label> <label><input type="checkbox" id="checkboxid">Yes?</label>

Thanks!

[KokoDoko]

👍 Same problem here. Why does the whole checkbox disappear if there is no label? I don’t want my checkboxes to have a label… I can’t even use the class ‘browser-default’ to make a regular html checkbox appear…

[MicahStevens]

Not a real solution, but when using checkboxes in a datagrid, I used the following CSS to get them to show up without labels:

 [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: static;
    left: 0px; 
    opacity: 1; 
  }