Change appearance of a checkbox

…and here is similar code for input type=“radio”

[code]

untitled document #myform div { margin:5px 0; overflow:hidden; } #myform label { display:inline-block;float:left; width:22px; height:22px; margin-right:10px; background-image:url(http://coothead.co.uk/images/blue.png); background-position:-120px 0; } #myform label:hover { background-position:-144px 0; } #myform input[type="radio"]:checked~label { background-position:-168px 0; } #myform input[type="radio"]:checked~span { color:#2489c5; } #myform input[type="radio"] { display:none; } #myform input[type="submit"] { display:block; margin-top:5px; }
0
1
2
3
4
5
[/code] ...just in case. :relieved:

coothead

3 Likes