Alternative Checkboxes (Icon Bullets) - Copy and paste

hey there. here’s how use the pointer-event: none for both reading and editing view to prevent accidental clicks. I trimmed down the example for checkbox with * i.e. - [*] Star. repeat for other alternate checkbox you would need.

/* Disable click in Reading View */
input[data-task="*"]:checked,
li[data-task="*"] > input:checked, li[data-task="*"] > p > input:checked {
    pointer-events: none;
}

/* Disable click in Editing View (Live Preview) */
label.task-list-label:has(> input[data-task="*"]:checked) {
    pointer-events: none;
}
4 Likes