Weird line on radio buttons when displayed on a iPhone

Question

I've made a donation form with radio buttons. It's fully styled with CSS. When i open it on a Windows computer / android phone / iMac, everything looks fine. But when i open it on a iPhone i get some strange lines where the radio button is. The lines have a weird position, but that's because of the padding.

Does anybody know how i can get rid of the lines on the iPhone?

Thanks in advance!

Answer 1

That is caused by the original radio button's border. You can eliminate it with

input[type="radio"] {
    border: none;
}