FYI the problem here is that the checkmark is position: absolute. Works in your JSFiddle because the box itself is in the top left corner of the window. Becomes a problem if your button is elsewhere on the page.
But thank you so much for throwing this together!!! Super useful.
I've just tried to change the position and and added margin-top: 150px; margin-left: 150px to the .checkbox class and it worked fine. I tried it in chrome.
Becomes a problem if your button is elsewhere on the page.
Did you move it in any other way?
The position:absolute should not be a problem because we have relative positioning on the parent.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hello! This works great, except the checkmark unicode is not showing up no matter what I do. Can you help?
Hi, what browser are you using? Does the fiddle work for you, or the checkmark is not showing there as well?
FYI the problem here is that the checkmark is
position: absolute
. Works in your JSFiddle because the box itself is in the top left corner of the window. Becomes a problem if your button is elsewhere on the page.But thank you so much for throwing this together!!! Super useful.
Thanks, glad you find it useful :)
I've just tried to change the position and and added
margin-top: 150px; margin-left: 150px
to the.checkbox
class and it worked fine. I tried it in chrome.Did you move it in any other way?
The
position:absolute
should not be a problem because we have relative positioning on the parent.