Как стилизовать чекбокс (JS, CSS, wordpress)?

Здравствуйте. Извините за такое название поста, но эмоции уже переполняют мой хрупкий мир.

Хочу стилизовать чекбоксы на этой странице

Пользуюсь этим уроком и этим

Но вот в чём и проблема... Как можете увидеть, на моей странице сделать cheked почти нереально, а если и получилось, то снять уже на получится (хотя с помощью правой кнопки мыши, всё получается, через раз). Менял версии jquery. Отключал скрипты что прописывает WP, всё равно. Подскажите, пожалуйста - 6 часов уж убил(((( соу сад, бат тру.
  • Вопрос задан
  • 3159 просмотров
Решения вопроса 2
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Мне кажется проблема в использовании label. Он связан с input и у Вас отрабатывается двойной клик.
Попробуйте изменить, используйте, например, параграф.
Эту догадку подтверждает и то, что работает по нажатию правой - после первого клика он сразу вызывает контекстное меню и второй клик не обрабатывается. При нажатии на label (на текст лэйбла) происходит только один клик.
попробую для проверки накидать пример. Но Вам конечно будет проще попробовать.

upd: вот пример jsfiddle.net/iiil/uq8p6/3
Как видите, я был прав.
Ответ написан
Пригласить эксперта
Ответы на вопрос 7
CGS
@CGS
Хм, а почему не реально то?
И кстати всё ставится и снимается если жать на текст чек бокса.
Оставляйте до утра, а завтра снова в бой :)
Ответ написан
@uJlJluduAH Автор вопроса
Добавляем в Input disabled и начинает работать, wtF!!! =(
истерика
Ответ написан
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
скрин
3cup.png

что не так?
Ответ написан
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Если все же хотите использовать label, то используйте способ связи label с input посредством id и for. Смотрите пример:
jsfiddle.net/iiil/uq8p6/4
Второй работает корректно только при клике по lable, первый только по чекбоксу, третий работает и так и так.
Ответ написан
@uJlJluduAH Автор вопроса
Спасибо!
Только написал пост, как у провайдера произошла авария... просто не мой день.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы