web-dev-qa-db-fra.com

Quel est le sélecteur souris vers le bas en CSS?

J'ai remarqué que les boutons et les autres éléments ont un style par défaut et se comportent en 3 étapes: vue normale, vue survol/focus et vue mousedown/clic, en CSS, je peux modifier le style de la vue normale et survoler comme suit:

button{
  background:#333;
  color:#FFF;
}

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

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

button:mousedown{
  //some styling
}

merci

htmlcsscss-selectors
95
multimediaxp

Je pense que tu veux dire l'état actif

 button:active{
  //some styling
 }

Voici 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

137
jansmolders86

J'ai compris que cela se comportait comme un évènement mousedown:

button:active:hover {}
31
shawn98ag

Remarque: Pour une raison quelconque, la syntaxe CSS a besoin du :active extrait après le :hover pour le même élément pour être efficace

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

27
woohooGuy

J'ai récemment découvert que :active:focus fait la même chose en css que :active:hover _ si vous devez remplacer une bibliothèque CSS personnalisée, ils peuvent utiliser les deux.

0
Mees