Checkbox hack with display: none?

dabblet.css

/**
 * Checkbox hack with display: none?
 */

input { display: none }
label { display: inline-block; background: yellow; font: bold 300% sans-serif; }
input:checked + label { background: indianred; }

dabblet.html

<input type=checkbox id=a />
<label for=a tabindex=0>A</label>
<input type=checkbox id=b />
<label for=b tabindex=0>B</label>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}