Как отследить нажатие на кнопку без JS?

Question

[nen0y]

Как отследить нажатие на кнопку без JS?
При нажатии на серый квадрат, блок должен изменить ширину, сам квадрат стать красным. Как сделать это без JS?

Comments

[Rustam Bainazarov]

Никак. Checkbox'ы — это хаки и говно.

Answer 1

[Михаил]

Например использовать checkbox (стилизовать если нужно). Пример

Comments

[nen0y]

вместо квадрата должна быть иконка, которую нужно менять по клику, это возможно?

[Шохрух Шаймардонов]

nen0y, возможно. Любой дочерний элемент label, т.е. сосед checkbox. Тогда в css будете его менять, например, так:

.checkbox_elem:checked ~ .square { background: red }

[nen0y]

https://jsfiddle.net/nb9y3kom/1/
Почему не работает?

[nen0y]

Шохрух Шаймардонов, подскажи, почему не работает?
https://jsfiddle.net/nb9y3kom/1/

Answer 2

[Александр]

Можно блок сделать как label внутри него input checkbox, а стили привязанны к checked состоянию инпута.

Comments

[nen0y]

https://jsfiddle.net/nb9y3kom/1/
Не работает, может знаете почему?

[Александр Маргинал]

Нет, лэйбл должен стоять после чекбокса и быть связан с ним через атрибут фор.