css only checkbox (with content attribute)

Question

how can I make a custom checkbox with css only (no JS no JQ) with content:\"on\" when checked and content:\"off\" when uncheked.

Thanks.

reedit

OK, a

Answer 1

Creating an actual element with CSS isn't possible. You can however style a checkbox using css.

An example:

input[type=checkbox] {
    outline: 2px solid #f00;
}

Relying on pure CSS is also a give-or-take when dealing with different browsers and platforms. I hope this answers your question.