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
Implementare il throttle in JavaScript
Migliorare l'organizzazione delle risorse con Azure Policy
Ridurre il reflow ottimizzando il CSS
Utilizzare Containers in .NET Aspire
Utilizzare DeepSeek R1 con Azure AI
Gestire gli accessi con Token su Azure Container Registry
Controllare la telemetria con .NET Aspire
.NET Conference Italia 2024
Gestione CSS in Blazor con .NET 9
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Configurare lo startup di applicazioni server e client con .NET Aspire
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
I più letti di oggi
- Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
- .NET Conference Italia 2025 - Milano
- The Agentic Day - Milano
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9