Ich bin mir nicht sicher, da ich gerade keinen Safari zum Testen habe.
Wenn ich mich recht entsinne hatte ich mal ein ähnliches Problem und es lag hier dran:
Code:
...
input[type="checkbox"]{
display: none;
}
...
Versuch es mal mit folgendem:
Code:
...
input[type="checkbox"] {
position: fixed; /* holt den Schalter aus dem Elementfluss heraus */
margin: -0.5em 0 0 -100vw; /* verschiebt es nach links aus dem Sichtfeld */
top: 50vh; /* verhindert in manchen Browsern größere Sprünge beim Versuch dort hin zu scrollen, wenn es durch den Klick fokussiert wird ;) */
}
...