> The workaround was creating a fake element that looked like a checkbox that overlapped the actual checkbox

There is also a newer workaround by styling the input element it self by using appearance: none. You can do some clever stuff with the :checked selector, multiple backgrounds, clip-paths, masks, etc.