Как сделать кнопку закрыть белого цвета?

Есть мобильное меню с кнопкой бургер и кнопкой крестиком - X. Кнопка X соответственно отвечает за закрытие меню.
Нужно сам X сделать белого цвета, а фон вокруг X синего.
Не получается это сделать. У меня при смене цвета и background - а меняется цвет X и цвет бургера одновременно.
https://jsfiddle.net/veduoa8t/1/
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
kryamk
@kryamk
#menu__toggle:checked ~ .menu__btn {
	background: blue;
	left: 232px;
}
#menu__toggle:checked ~ .menu__btn > span,
#menu__toggle:checked ~ .menu__btn > span::before,
#menu__toggle:checked ~ .menu__btn > span::after {
  background-color: white;
  left: 0;
 }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Ну ведь уже есть по похожему принципу. Для span при открытом состоянии меню можно отходить от пседокласса checked

#menu__toggle:checked ~ .menu__btn > span,
#menu__toggle:checked ~ .menu__btn > span::before,
#menu__toggle:checked ~ .menu__btn > span::after {
  background-color: blue;
 }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы