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
Gestione dei nomi con le regole @layer in CSS
Testare l'invio dei messaggi con Event Hubs Data Explorer
La gestione della riconnessione al server di Blazor in .NET 9
Configurare e gestire sidecar container in Azure App Service
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Ridurre il reflow cambiando il CSS
Creare una libreria CSS universale: Cards
Controllare la telemetria con .NET Aspire
Gestione degli eventi nei Web component HTML
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Eseguire query in contemporanea con EF
Sfruttare GPT-4o realtime su Azure Open AI per conversazioni vocali
I più letti di oggi
- Sfruttare i nuovi overload di TimeSpan.From* per creare timespan usando numeri interi
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Inviare i comandi SQL generati da Entity Framework alla console di Visual Studio
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!