Checkbox (when done text is strikout and colored) [CSS question]

den · 2020-08-21T11:53:14.369Z

When I mark checkbox as done - [x] ~~want the text next~~ to be colored green and strikeout.

Does somebody know how to archive that?

ryanjamurphy · 2020-08-21T14:14:22.042Z

As discussed in the below thread, this is an outstanding feature request. Maybe someday.

Strikethrough for completed/checked tasks Feature requests

Hi there. I’m trying to add strikethrough on completed tasks in the preview. The following part didn’t work: input[checked=true] + .task-list-item{ text-decoration: line-through; } I’ve come up with this clumsy solution with the fixed width which I don’t really like: .task-list-item input[checked=true]::after { content: ""; width: 70vw; height: 0.2em; background: #005493; position: absolute; opacity: 0.7; visibility: visible; margin-left:16pt; margin-top:0.75em; } [O…

(Please search before posting new threads, thanks!)