Перейти к содержанию

Рекомендуемые сообщения

Не могу понять как стилизовать активный чекбокс, я немного переверстал стандартный, скрыв сам инпут и добавил label span и уже его стилизовал, но из-за php кода я не понимаю как сделать active при клике и вообще надо ли это делать так?
 input:checked + .box  не рабоатет

Спойлер

1.thumb.png.82a8f0dc500006abc00dd849eb693c7c.png

 

Спойлер

2.png.cd8b2c28db6580a15771f85c23f70e7d.png

Спойлер

 

 

 

Изменено пользователем appleuastore

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

У вас активный чекбокс подсвечивается голубым цветом.

Перезагрузите страницу с очисткой кеша браузера( Ctrl +F5)

Но

У вас можно выбрать все опции ( размеры), хотя по обычной логике, должна быть только одна.

Укажите вместо чекбокса тип опции радиокнопка. Тогда нажатие одного размера автоматически отключит другой,

НО придется снова разбираться со стилями.

и еще

за стили активного чекбокса отвечает

Спойлер

.options-category .checkbox-inline input:checked + span, .options-category .radio-inline input:checked + span, #product .checkbox-inline input:checked + span, #product .radio-inline input:checked + span {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #229ac8;

background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);

background-repeat: repeat-x;

border-color: #1f90bb #1f90bb #145e7a;

}

 

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.