Ticketa
Registered
Успях да "скрия" отметките/checkbox обаче, не успявам да "активирам" различния цвят background-color: #ffe405; , къде бъркам?
css
css
Код:
.icon div{
cursor: pointer;
display: inline-block;
}
.icon input {
position: absolute;
visibility: hidden;
}
.icon input:checked + div {
background-color: #ffe405;
color: #000;
}
Код:
<link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.1.0/css/flag-icon.min.css" rel="stylesheet">
<div class="icon-list row">
<label for="lng-us" class="col-4">
<div class="icon" ><input type="checkbox" name="lang_enabled[]" value="us" id="lng-us" /><span class="flag-icon flag-icon-us"> </span> United States</div>
</label>
<label for="lng-de" class="col-4">
<div class="icon" ><input type="checkbox" name="lang_enabled[]" value="de" id="lng-de" /><span class="flag-icon flag-icon-de"> </span> Deutsch</div>
</label>
<label for="lng-es" class="col-4">
<div class="icon" ><input type="checkbox" name="lang_enabled[]" value="es" id="lng-es" /><span class="flag-icon flag-icon-es"> </span> Español</div>
</label>
</div>