CSS submit button dziwne renderowanie na iPad/iPhone

Zauważyłem, że jeśli stylizuję moje przyciski CSS za pomocą promieni, kolorów i obramowań, wyglądają dobrze, ale w iphone/ipad/ipod wyglądają okropnie...czy nie powinien być taki sam rendering jak na pulpicie Safari??

Tutaj wpisz opis obrazka

Author: Francesco, 2011-03-25
Source

3 answers

Oops! just found myself: po prostu dodaj tę linię do dowolnego elementu, którego potrzebujesz 

   -webkit-appearance: none;
 483
Author: Francesco,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-10-17 19:48:02

Dodaj ten kod do pliku css: 

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
To pomoże.
 48
Author: subindas pm,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-04-19 21:36:12

Powyższa odpowiedź na wygląd webkit zadziałała, ale przycisk nadal wyglądał blado / nudno w porównaniu do przeglądarki na innych urządzeniach / pulpicie. Musiałem też ustawić krycie na pełne (zakresy od 0 do 1)

-webkit-appearance:none;
opacity: 1

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

 9
Author: Priyank Thakkar,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-10-07 07:20:25