How to remove checkbox shadow on Safari

so I was trying to remove the box-shadow by typing the following:

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

But for some reason, it doesn't let me select the checkbox now, how do I fix that?