Untitled

dabblet.css

[type=radio] {
	display:none;
}

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

[type=radio]:checked ~ span {
    background: blue;
    color: #fff;
}

dabblet.html

<label>
	<input type="radio" name="toggle" value="1" />
	<span>1</span>
</label>
<label>
	<input type="radio" name="toggle" value="2" />
	<span>2</span>
</label>
<label>
	<input type="radio" name="toggle" value="3" />
	<span>3</span>
</label>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}