Manipuler l'effet 'Hover' aprés clic sur les mobiles?

09 avril 2016 / Marouen Mhiri / CSS

Ce phénomène de l'effet 'hover' sur les browser des smartphones est trés connu. En fait c'est une caractéristique des mobile Browser, qui conciste à évaluer la propriété 'hover' dans le CSS aprés un click sur un élement - ce qui est apparement 🙂 "normal" pour les mobile browsers. Il existe beaucoup de solutions pour ce problème mais qui se base sur un code Javascript.
Cette solution est en css pur. Pour plus d'informations vous pouvez consulter cette page.

				
.h-button {
  text-decoration: none;
}

.h-button:hover{
  background-color: grey;
}

@media (hover: on-demand) {
  .h-button:hover {
    background-color: transparent;
  }
}
				
			

Sur ce lien on peut voir ça en action.

Tags :

cssmobilesticky