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;

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.


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.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.