Radio Button Hack - CSS Only

dabblet.css

input[type=radio] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

label {
    cursor: pointer;
    text-align: center;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ccc;
    line-height: 40px;
    height: 40px;
    width: 40px;
    float: left;
    background-color: #eee;
    border-radius: 100px;
    margin-right: 10px;
}

input#toggle1[type=radio]:checked ~ label[for="toggle1"] {
    background: blue;
    color: #fff;
}

input#toggle2[type=radio]:checked ~ label[for="toggle2"] {
    background: blue;
    color: #fff;
}

dabblet.html

<input type="radio" id="toggle1" name="toggle" value="1" /><label for="toggle1">1</label>
<input type="radio" id="toggle2" name="toggle" value="2" checked="checked" /><label for="toggle2">2</label>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}