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

[appleuastore]

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

Спойлер

 

Спойлер

Спойлер

 

 

 

Змінено 1 жовтня 2017 користувачем appleuastore

[jaffagold]

а ссылка на сайт где?

[appleuastore]

2 часа назад, jaffagold сказал:

а ссылка на сайт где?

Извиняюсь http://fsport.in.ua/index.php?route=product/product&product_id=50

[jaffagold]

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

Перезагрузите страницу с очисткой кеша браузера( 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;

}

 

Змінено 2 жовтня 2017 користувачем jaffagold