Доброго времени суток.
Стилизую 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;
}
|
|