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:
![](https://www.html5italia.com/script/images/60.jpg)
e dopo l'utilizzo del meta-tag msapplication-tap-highlight:
![](https://www.html5italia.com/script/images/60_2.jpg)
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare politiche di resiliency con Azure Container App
Evitare il flickering dei componenti nel prerender di Blazor 8
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Miglioramenti nelle performance di Angular 16
Generare velocemente pagine CRUD in Blazor con QuickGrid
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Effettuare il refresh dei dati di una QuickGrid di Blazor
Gestire la cancellazione di una richiesta in streaming da Blazor
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Migliorare la sicurezza dei prompt con Azure AI Studio
Usare una container image come runner di GitHub Actions