Wed, 2012-12-05 19:55
I cant seem to get the area of selection to match the radio button..
Where am I off?
[
label + span,
input + span
{
margin-top: 20px;
}
span > input[type=radio],
span > input[type=checkbox]
{
padding: 0;
margin: 30;
height: 60px;
width: 30px;
float: left;
position: absolute;
left: 0;
opacity: 0;
cursor: pointer;
}
span > label
{
line-height: 60px;
padding: 0 0 0 60px;
cursor: pointer;
}
span:not(#foo) > input:hover + label,
span:not(#foo) > input + label:hover
{
color: #074C92;
}
span:not(#foo) > input + label{
height: 30px;
}
]