CSS, чтобы сделать стандартную кнопку-переключатель исчезающей на экране и наложить пользовательское изображение кнопки:
у добавить стиль к выбранной метке переключателя:
HTML:
<div class="radio-toolbar">
<label><input type="radio" value="all" checked>All</label>
<label><input type="radio" value="false">Open</label>
<label><input type="radio" value="true">Archived</label>
</div>
CSS
.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {
background:Red;
border:1px solid green;
padding:2px 10px;
}
.radio-toolbar label + input[type="radio"]:checked {
background:pink !important;
}
Есть идеи, что я делаю не так?