VPF::Не срабатывает checked у radio - Форум программистов

maryka

Дата 1.5.2018, 13:25 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 4.12.2017

Репутация: нет
Всего: нет

Доброго времени суток.
Стилизую radio и почему-то не срабатывает checked у псевдоэлемента before. Прошу тапками не кидать =)

Код


<div class="available">
                <div class="available-title">Available</div>
                <div class="available-storage">
                  <input class="available-storage__checkbox" type="radio" name="available" id="check" checked="checked"/>
                  <label class="available-storage__title" for="check">In Storage</label>
                  <div class="available-storage__count">45</div>
                </div>
                <div class="available-storage">
                  <input class="available-storage__checkbox" type="radio" name="available" id="check"/>
                  <label class="available-storage__title" for="check">Online-Shop</label>
                  <div class="available-storage__count">12</div>
                </div>
              </div>

Код


.available-storage__checkbox {
  display: none;
}
.available-storage__checkbox:checked + :before {
  content: "";
  width: 8px;
  height: 8px;
  background: #00e2aa;
}
.available-storage__title {
  padding-left: 50px;
  position: relative;
  font-size: 13px;
}
.available-storage__title:before {
  content: '';
  position: absolute;
  top: 25%;
  left: 25px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(161, 168, 189, 0.2);
  border-radius: 100px;
  cursor: pointer;
}

Это сообщение отредактировал(а) maryka - 1.5.2018, 13:28

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »