Was ist der Maus-Auswahlschalter in CSS?

Question

Ich habe festgestellt, dass Schaltflächen und andere Elemente eine Standard-Styling haben und verhalten sich in 3 Schritten: Normalansicht, Hover/Fokus-Ansicht und Mausklick/Mausklick, in CSS kann ich das Design der Normalansicht ändern und Hover Ansicht wie folgt:

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

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

aber wie kann ich den mousedown auswählen? Ich möchte etwas wie folgt aus:

button:mousedown{ 
    //some styling 
} 

dank

Answer 1

Ich denke, meinen Sie den aktiven Zustand

button:active{ 
    //some styling 
} 

Dies sind alle möglichen Pseudo-Staaten ein Link in CSS haben:

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 */ 

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

Answer 2

Pro-Tip Hinweis: aus irgendeinem Grund muss CSS-Syntax der :active Snippet nach die :hover für das gleiche Element, um wirksam zu sein

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

Answer 3

Ich fand heraus, dass dieses Verhalten wie ein mousedown- Ereignis:

button:active:hover {}