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
Eseguire le GitHub Actions offline
Utilizzare database e servizi con gli add-on di Container App
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Usare una container image come runner di GitHub Actions
Hosting di componenti WebAssembly in un'applicazione Blazor static
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Usare le variabili per personalizzare gli stili CSS
Evitare la command injection in un workflow di GitHub
Usare un KeyedService di default in ASP.NET Core 8
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Miglioramenti nelle performance di Angular 16
I più letti di oggi
- Nuova versione per jQuery e prima alpha per jQuery Mobile
- Paginare i risultati con QuickGrid in Blazor
- Utilizzare il trigger SQL con le Azure Function
- Eliminare una determinata proprietà da un oggetto JavaScript
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Modern web apps with Blazor