Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Не срабатывает 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
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0891 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.