Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Выделить активный чекбокс


Recommended Posts

Не могу понять как стилизовать активный чекбокс, я немного переверстал стандартный, скрыв сам инпут и добавил 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.