<input type="radio" class="choice" id="choice1" name:"action" />
<label class="categorylabel" for="choice1">
<div>
<!-- -->
</div>
</label>
<input type="radio" class="choice" id="choice2" name:"action" disabled />
<label class="categorylabel" for="choice2">
<div>
<!-- -->
</div>
</label>На одном
input прописан: disabled (Запрет использовать). Стояла задача менять курсор при наведении на label, но не менять курсор, если элемент имеет: disabled. Для решения этой задачи использовался следующий CSS код:
input[type="radio"][disabled] {
cursor: default;
}
input[type="radio"]:not([disabled]) + label {
cursor: pointer;
}Теперь, если у тега есть:
disabled, курсор не меняется на указательный палец, остаётся стрелочкой.