Флажок типа ввода и флажок скрыть
<label>
<input type='checkbox' hidden/>
<span>check</span>
<label>
Run code snippet
Clear Caiman
<label>
<input type='checkbox' hidden/>
<span>check</span>
<label>
Run code snippetlabel{ cursor:pointer; user-select:none; }
input:checked + span::before {
content: 'un';
}label{ cursor:pointer; user-select:none; }
input:checked + span::before {
content: 'un';
}label{ cursor:pointer; user-select:none; }
input:checked + span::before {
content: 'un';
}