Qu’est-ce que le sélecteur de souris en CSS?

J’ai remarqué que les boutons et autres éléments ont un style par défaut et se comportent en 3 étapes: affichage normal, survol / focus et affichage de souris / clic, en CSS Je peux changer le style de vue normale et de survol comme ceci:

button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } 

mais comment puis-je sélectionner la souris? Je veux quelque chose comme ça:

 button:mousedown{ //some styling } 

Merci

Je pense que tu veux dire l’état actif

  button:active{ //some styling } 

Ce sont tous les pseudo-états possibles qu’un lien peut avoir en CSS:

 a:link {color:#FF0000;} /* unvisited link, same as regular 'a' */ a:hover {color:#FF00FF;} /* mouse over link */ a:focus {color:#0000FF;} /* link has focus */ a:active {color:#0000FF;} /* selected link */ a:visited {color:#00FF00;} /* visited link */ 

Voir aussi: http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act

Note de conseil: pour une raison quelconque, la syntaxe CSS nécessite l’extrait de code :active après le :hover du même élément pour être efficace

http://www.w3schools.com/cssref/sel_active.asp

J’ai compris que cela se comporte comme un événement mousedown:

 button:active:hover {}