wake-up-neo.net

Seltsame Wiedergabe von CSS-Submit-Buttons auf iPad/iPhone

Ich habe bemerkt, dass wenn ich meine Buttons mit CSS anhand von Radius, Farben und Rändern stile, sie gut aussehen, aber auf dem iPhone/iPad/iPod sehen sie schrecklich aus ... sollte nicht dasselbe Rendering wie in Safari Desktop sein?

enter image description here

191
Francesco

hoppla! Ich habe es gerade selbst gefunden:

   -webkit-appearance: none;
408
Francesco

Fügen Sie diesen Code in die CSS-Datei ein:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

Das wird helfen.

20
subindas pm

Die obige Antwort für das Webkit-Erscheinungsbild hat die Magie ausgelöst, aber der Button sah im Vergleich zu dem Browser auf anderen Geräten/Desktop immer noch ziemlich blass/dumpf aus. Ich musste auch die Deckkraft auf voll setzen (reicht von 0 bis 1)

-webkit-appearance:none;
opactiy: 1

Nach dem Einstellen der Deckkraft sah die Schaltfläche auf allen verschiedenen Geräten/Emulator/Desktop gleich aus.

0
Priyank Thakkar