Почему не отображается измененный вид кнопки чекбокса?

Question

[pvgdrk]

Меняю внешний вид кнопок радио и чекбокс.
Изображение радиокнопки показывается как надо, а чекбокса нет. Элемент радиокнопки есть и стоит на месте, но изображения в нем нет.
Вот css:

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
    width   : 28px;
    margin  : 0;
    padding : 0;
    opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
    display      : inline-block;
    margin-left  : -28px;
    padding-left : 28px;
    background   : url('rb.png') no-repeat 0 0;
    background-size: 24px auto;
    line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
    background-position : 0 -96px;
}

input[type=radio]:not(old):checked + label{
    background-position : 0 -48px;
}

в хроме

Answer 1

[Евгений Петров]

Отключите стили и проверьте — а выделяются ли кнопки вообще? Есть подозрение, что вы намудрили с label, id и for.

Comments

[pvgdrk]

афигеть. была опечатка lable вместо label. Самое удивительное (и неприятное) что в визуально поведение lable от label ничем не отличается - так же послушно становится рядом с изображением соответствующего чексбокса

[Евгений Петров]

@pvgdrk ну где чексбокс, там и lable:) Они парой ходят. В гости к телепатам:)

Answer 2

[pvgdrk]

афигеть. была опечатка lable вместо label. Самое удивительное (и неприятное) что визуально поведение lable от label ничем не отличается - так же послушно становится рядом с изображением соответствующего чексбокса

Answer 3

[Александр Зачиналов]

А opacity:0 не напрягает? )

Comments

[Александр Зачиналов]

если совсем туго, тут есть подарок от Дамира fronteed.com/iCheck

[Евгений Петров]

А что тут должно напрягать? Это — абсолютно верный подход, чтобы визуально спрятать кнопку и оставить её активной для клика.

[Александр Зачиналов]

Ну да) Пробовал - Chrome последний, все пашет. Теряюсь

Answer 4

[Ден Тоцкий]

пример рабочий, может проблема со спрайтом? jsfiddle.net/#&togetherjs=JzxLGtpRAh