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:
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:
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
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Miglioramenti nelle performance di Angular 16
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Cambiare la chiave di partizionamento di Azure Cosmos DB
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Generare la software bill of material (SBOM) in GitHub
Creazione di componenti personalizzati in React.js con Tailwind CSS
Gestire undefined e partial nelle reactive forms di Angular
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Utilizzare Model as a Service su Microsoft Azure