I più diffusi browser mobile, quando si seleziona un link o un pulsante mediante la gesture di "tap", tendono ad evidenziare il controllo con un effetto traslucente, al fine di fornire un feedback all'utente che ha selezionato/utilizzato il controllo.
Questo effetto può rivelarsi fastidioso e penalizzare la reattività dell'applicazione, oltre che stridere con il look&feel e il design della stessa.
In uno script precedente, abbiamo visto come è possibile sottoscrivere l'evento MSPointerDown di IE10 meglio noto come touchStart o semplicemente "tap": https://www.html5italia.com/script/59/Gestione-Evento-TouchStart-IE10-HTML5.aspx
In questo semplice script viene illustato come disabilitare il link-highlighting su Windows Phone 8:
<meta name="msapplication-tap-highlight" content="no" />
Si tratta di aggiungere il meta tag msapplication-tap-highlight nell'head della pagina, questo tag è specifico per Internet Explorer 10 e per Windows Phone 8.
Per i browser con engine webkit sarà sufficiente ricorrere ad una classe css:
.myLink { -webkit-tap-highlight-color: rgba(0,0,0,0); }
Di seguito l'effetto su WP8 prima:
e dopo l'utilizzo del meta-tag msapplication-tap-highlight:
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Le novità di Angular: i miglioramenti alla CLI
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Gestire liste di tipi semplici con Entity Framework Core
Utilizzare i primary constructor in C#
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Eseguire query verso tipi non mappati in Entity Framework Core
Eseguire una query su SQL Azure tramite un workflow di GitHub
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Paginare i risultati con QuickGrid in Blazor
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- Ottimizzazione dei block template in Angular 17
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!