@Saberwalker

Как сверстать такий элемент?

Подскажите как правильно сверстать такие элементы на css:
1)5afe01647bb88291422963.png
имеет 3 разных размера для элементов (для десктопа, планшета, моб) "+" и " - "
https://codepen.io/KitKat_zzz/pen/YLjEOo

2) Не получается подобрать правильный селектор для стилизации "чекнутого " радиобатона

https://codepen.io/KitKat_zzz/pen/deQmXW
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
you_web
@you_web
Кратко обо мне
Если я правильно понял то что то вроде этого - https://codepen.io/you_web/pen/YLRLKO
Но насколько я помню, не рекомендуется кастомная стилизация чекбоксов.

Алгоритм по данному примеру полностью описывать не буду, по коду будет видно, скажу лишь смысл:
1)Скрываешь дефолтный чекбокс
2) Создаешь элемент который будет его заменять
3) Задаешь ему нужные стили + позиционирование
4) Используя псевдокласс (в данном случае :checked) + псевдоэлемент (при желании можно и без него), задаешь кастомный стиль.

Размеры, бэкграунд и т.д меняешь как тебе нужно
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы