Firefox - Remove border from undecorated checkbox

Question

I have a checkbox the has the appearance: none;. This working in chrome, but in Firefox it leaves behind an inset border that I cannot remove. I have tried

Answer 1

you could try setting a -moz-box-shadow: with the color of the two lines that are lighter to cover the dark inset the firefox creates...

also, i tried playing around in firebug and if u turn of -moz-appearance: none, the checkbox is completely fine and has a normal styling that you shouldn't need to play around with.