I am using this technique for a long form page. I’ve managed to set it up for long sections of checkboxes so that you can now see the entire section highlighted.
The problem is that if I indent any of the checkboxes (using "UL"), I lose the styling or the ability to highlight the entire section defined by ‘div class="single-field"’. I took a try at creating a new "UL" style that also triggers the highlight… however it ends up selecting only the indented section.
I’ve created 2 screenshots to explain. "divhighlighted1.jpg" is when the entire div is highlighted. "ulhighlighted1.jpg" is when just the UL is highlighted.