Checkbox appearance in iOS

iOS devices change the css of regular forms. To avoid that I could find that I can use that css:

input, textarea, submit { -webkit-appearance: none; }

But then the checkbox disappears in iOS and regular computers.

I then tried to add an exception only for the checkbox

#checkbox1 { -webkit-appearance: checkbox; }

Then the form is ok. The checkbox appears, but in iOS the checkbox has a strange aspect and it is not perfectly centered.

How can I control the css of the checkbox in iOS and give it a simple regular aspect?

Here to test: https://jsfiddle.net/19g2vu4k/

HTML:

<div id="checkAndText">
    <input type="checkbox" id='checkbox1' name="rebre" checked="checked">
    <div id="checkText">Text of the checkbox</div>
</div>