Custom checkbox character

Asked Feb 08 '17 at 04:49

Active Feb 08 '17 at 04:56

Viewed 243 times

I'm trying to replace the HTML checkbox character with a simpler/straighter checkmark character, like so:

Since I'm styling the checkbox in pure CSS, I've tried changing the font-family on content: '\2713' and content: '\2714' no no avail. Can anything else be used?

asked Feb 08 '17 at 04:49

Mario Parra

1,504
3
21
46

you can either set a background image for `checked`, or use svg to animate the whole thing – Feb 08 '17 at 04:52
1

http://www.csscheckbox.com/ might help – Ashish Bahl Feb 08 '17 at 05:11
Possible duplicate of http://stackoverflow.com/questions/2639373/css-html-how-do-i-change-the-color-of-the-check-mark-within-the-checkbox-input. Demo of the link : http://jsfiddle.net/5g3w32ug/ – er-han Feb 08 '17 at 07:30
@er-han This is exactly what I wanted. Thanks! – Mario Parra Feb 08 '17 at 12:56
something like this, https://lokesh-coder.github.io/pretty-checkbox/ ? – lokesh-coder Mar 31 '17 at 17:33

Custom checkbox character

0 Answers0