'How to overwrite Bootstrap's checkbox with an emoji?
As described in https://getbootstrap.com/docs/5.0/forms/checks-radios/ what Bootstrap allows me to do is change the checkmark with a link like so:$form-check-input-checked-bg-image: url("http://www.clker.com/cliparts/x/U/Z/k/S/7/custom-check-mark.svg");
What I want to do is use an emoji:$form-check-input-checked-bg-image: ✔️;
Any ideas how to achieve this?
Sandbox: https://codesandbox.io/s/theming-bootstrap-emoji-checkmark-forked-guk28b (it's a bit slow and you might have to rebuild it from the refresh arrow each time but it should work.)
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|