Dziwny rendering przycisku CSS na iPadzie / iPhonie

Odpowiedzi:

453

ups! właśnie się znalazłem: po prostu dodaj tę linię do dowolnego elementu, którego potrzebujesz

   -webkit-appearance: none;
Francesco
źródło
23
kocham cię, stackoverflow i @Francesco
jahrichie
28
Genialne, a oto świetny artykuł na ten temat z trików CSS. Zawiera listę wszystkich pozostałych elementów zmienionych przez WebKit i Mozillę.
Patrick,
Kompas ma również mixin do tego również compass-style.org/reference/compass/css3/appearance
Patrick Beeson
1
Chciałbym zrobić to wyszukiwanie Google 12 godzin temu ... DZIĘKUJĘ.
Elly Post
1
Naprawdę świetnie! nie sądziłem, że ten problem wystąpił również w iOS! Jeszcze raz bardzo za to dziękuję!
Saurabh Prajapati
36

Dodaj ten kod do pliku css:

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

To pomoże.

subindas pm
źródło
1
Wspaniały! Przycisk przesyłania formularza wygląda teraz tak, jak powinien na moim iPadzie
peterkodermac
1
@peterkodermac nie zapomnij dodać nadrzędnej klasy CSS, w przeciwnym razie może to wpłynąć na każde pole wejściowe.
subindas pm
4

Powyższa odpowiedź na wygląd zestawu internetowego zadziałała magicznie, ale przycisk nadal wyglądał nieco blado / matowo w porównaniu z przeglądarką na innych urządzeniach / komputerach. Musiałem także ustawić pełne krycie (zakres od 0 do 1)

-webkit-appearance:none;
opactiy: 1

Po ustawieniu krycia przycisk wyglądał tak samo na wszystkich różnych urządzeniach / emulatorze / pulpicie.

Priyank Thakkar
źródło