Есть тест, как у выбранной кнопки менять background-color?

Question

[StepsOnes]

По сути это радио кнопки, но как это реализовать я беспонятия)

Comments

[Ch cgtj Hihf]

Что вы именно хотите сделать?

[StepsOnes]

Pin Bib, по нажатию на кнопку меняется цвет, выбрана может быть лишь 1

[StepsOnes]

Pin Bib, но таких кнопок в тесте много, не навешивать же на каждую группу кнопок обработчик, что бы отнимал циклом у всех классом со стилями выбранной кнопке и this кнопке присваивал класс

[Froggyweb]

https://www.google.com/search?q=%D1%81%D1%82%D0%B8...
все достаточно просто нужно стилизовать label, а input - прятать

[StepsOnes]

Froggyweb, так в тесте по сути радио, не чекбоксы

[Froggyweb]

StepsOnes, без разницы. подход одинаковый. радио от чекбокса отличается только браузерной логикой

[crast]

StepsOnes, отмечайте ответом, чего уж там

[Froggyweb]

crast, комментарий нельзя отметить ответом :)

[StepsOnes]

Froggyweb, а как обращаться к label, label:cheked ? так же нельзя вроде бы

[StepsOnes]

Froggyweb, к :cheked можно обращаться только к элементам находящимся на уровне ниже области radio/checkbox

[Froggyweb]

StepsOnes, делай лабел через for
либо добавить элемент-обертку после инпут
https://snipp.ru/html-css/style-checkbox

[StepsOnes]

StepsOnes,

[StepsOnes]

Froggyweb,

я уже не знаю, что делать))))

[Froggyweb]

StepsOnes, https://codepen.io/froggyweb/pen/LYrVgYo

[StepsOnes]

Froggyweb, точно, span. Я тебя расцелую, спасибо огромное)))

[Froggyweb]

StepsOnes, + забыл

[Froggyweb]

30 селекторов css .... очень полезный материал

Answer 1

[Noder SS]

https://codepen.io/froggyweb/pen/LYrVgYo )))

Comments

[Ankhena]

Что-то вы...
Хоть бы тегнули Фрогги

[Noder SS]

Ankhena, чет не понял, о чем вы

[Ankhena]

Ростик Кальченко, даже так? Но не объяснять же взрослому человеку..

[Noder SS]

Ankhena, Как я понял, вы о пользователе кодепена?