У меня есть следующая надбавка, использующая фреймворк bootstrap.
<div class="col-md-4">
<div class="custom-container">
<img class="center-block img-responsive img-circle invite-contact-trybe" src="{$img}" alt="Contact Image">
<input class="invite-contact-checkbox" type="checkbox">
</div>
</div>
Я хотел бы сделать следующее:
Есть ли способ сделать это с помощью CSS?
Мне явно нужны 3 состояния:
Начальное значение:
.custom-container input[type=checkbox]{}
Некоторая форма состояния зависания:
.custom-container input[type=checkbox]:hover{}
Когда он установлен:
.custom-container input[type=checkbox]:checked{}
Может ли кто-нибудь предложить решение?