И так делаю дизайн, точней начал, но возникла проблема!
Ставлю такие чудные кнопки как обычно, конечно вообще делаю для мубб первый раз.
Уберем стандартные галки так вот Работает!
Код:
input[type="checkbox"] {
display:none;
}А это пошел стиль к ним уже! Не работает!
Код:
input[type="checkbox"] + label {
color:#f2f2f2;
font-family:Arial, sans-serif;
font-size:14px;
}
input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(http://xozblog.ru/demo/checkbox-radio-css3/check_radio_sheet.png) left top no-repeat;
cursor:pointer;
}
input[type="checkbox"]:checked + label span {
background:url(http://xozblog.ru/demo/checkbox-radio-css3/check_radio_sheet.png) -19px top no-repeat;
}Этот убирает, круглые выбор! Работает!
Код:
input[type="radio"] {
display:none;
}А это стиль его! Не работает!
Код:
input[type="radio"] + label {
color:#f2f2f2;
font-family:Arial, sans-serif;
font-size:14px;
}
input[type="radio"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(http://xozblog.ru/demo/checkbox-radio-css3/check_radio_sheet.png) -38px top no-repeat;
cursor:pointer;
}
input[type="radio"]:checked + label span {
background:url(http://xozblog.ru/demo/checkbox-radio-css3/check_radio_sheet.png) -57px top no-repeat;
}Вот прошу меня дурака, но почему так оно?
