Как мне сделать такую же форму, как на этой картинке для сортировки зданий?

Как мне сделать такую же radio-форму, как на этой картинке? 63646c02447a4121438082.png
  • Вопрос задан
  • 166 просмотров
Пригласить эксперта
Ответы на вопрос 1
12Vadim12
@12Vadim12
<input class='x' id="for-gender1">
<label class='y' for="for-gender1"></label>

.x{
  appearance: none;
  outline: none;
  position: relative;
   &::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left:-17px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #D1D5DB;
  }
  &:checked::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  left:-17px;
  border-radius: 50%;
  visibility: visible;
  border: 4px solid $color1;
}

Задай свои стили только, а label(вторую радиокнопку ,сделай псевдоэлементами в похожем стиле)
Ответ написан
Ваш ответ на вопрос

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

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