td mimic label поведение относительно checkbox

Question

Возможно ли только css только заставить текст внутри ячейки таблицы (td) переключить флажок, точно так же, как это происходит для текста внутри метки метки?

Answer 1

Да, вы можете использовать label для контроля поля ввода. Скройте поле input и используйте атрибут for на label, чтобы подключить его к полю id поля input.

input { 
 
    display: none; 
 
} 
 
input:checked + label:after { 
 
    content: ' (checked)'; 
 
    color: green; 
 
}

<table> 
 
    <tr> 
 
    <td><input type="checkbox" id="foo"><label for="foo">click</label></td> 
 
    </tr> 
 
</table>