Как стилизировать checkbox такого вида?

Question

[kappka]

Есть такой код:

<label class="a-item">
  <span class="a-item-box">
       <input type="checkbox" value="1440" class="chAccess" data-value="">
  </span>
  <span class="a-item-title"> Какой-то текст </span><br>
       <span class="a-item-price"> Цена </span>
</label>

Как стилизировать чекбоксы в данном случае?

Answer 1

[Андрей Б.]

На CSS никак, только выносить input из a-item-box
Либо внутри a-item-box сделать еще один span

Answer 2

[Александр Зубарев]

Нужно к checkbox-у привязать label. Сам checkbox скрываешь, а вот label стилизуешь как тебе угодно.

<input type="checkbox" value="1440" class="chAccess" data-value="" id="check1">
<label for="check1"></label>

#check1{
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
label{
    /* Твои стили */
}

Answer 3

[Александр]

Согласен с Андреем, к примеру часто сам использую такие чекбоксы