Quando si sviluppano applicazioni mobile web o hybrid, occorre spesso gestire il comporamento di default dei browser.
Abbiamo già visto in uno script precedente come, nel caso di un dispositivo Windows Phone 8, sia possibile gestire il link-highlighting: https://www.html5italia.com/script/60/Disabilitare-Link-Highlighting-Browser-Mobile-HTML5.aspx
Nel caso dei dispositivi di casa Apple (iPhone, iPod e iPad) occorre invece gestire lo "stile di default" che il browser mobile Safari, basato sull'engine webkit, applica autonomamente sui controlli INPUT alterandone l'aspetto, di seguito un esempio:
![](https://www.html5italia.com/script/images/62.jpg)
Per risolvere questo inconveniente, mantenendo il look & feel originale dell'applicazione, è sufficiente agire mediante CSS specificando come segue
input{ -webkit-appearance: none; }
ecco il risultato ottenuto rimuovendo lo stile di default applicato dal browser:
![](https://www.html5italia.com/script/images/62_2.jpg)
Questo accorgimento funziona anche per alcuni browser Android
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Ordinare randomicamente una lista in C#
Utilizzare il trigger SQL con le Azure Function
Verificare la provenienza di un commit tramite le GitHub Actions
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Effettuare il binding di date in Blazor
Eseguire attività pianificate con Azure Container Jobs
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Disabilitare automaticamente un workflow di GitHub (parte 2)
Utilizzare database e servizi con gli add-on di Container App
Criptare la comunicazione con mTLS in Azure Container Apps
Reactive form tipizzati con FormBuilder in Angular
Effettuare il refresh dei dati di una QuickGrid di Blazor