it-swarm.com.de

Was ist der Mouse-Down-Selektor in CSS?

Ich habe festgestellt, dass Schaltflächen und andere Elemente einen Standardstil haben und sich in drei Schritten verhalten: Normalansicht, Hover/Fokus-Ansicht und Maus-Down/Klick-Ansicht. In CSS kann ich den Stil der Normalansicht und Hover-Ansicht folgendermaßen ändern:

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

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

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

button:mousedown{
  //some styling
}

vielen Dank

95
multimediaxp

Ich denke du meinst den aktiven Zustand

 button:active{
  //some styling
 }

Dies sind alle möglichen Pseudozustände, die ein Link in CSS haben kann:

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

137
jansmolders86

Ich habe herausgefunden, dass sich dies wie ein Maus-Down-Ereignis verhält:

button:active:hover {}
31
shawn98ag

Pro-Tipp Hinweis: Aus irgendeinem Grund benötigt die CSS-Syntax das :active Schnipsel nach das :hover für dasselbe Element, um wirksam zu sein

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

27
woohooGuy

Ich habe kürzlich herausgefunden, dass :active:focus macht dasselbe in CSS wie :active:hover Wenn Sie eine benutzerdefinierte CSS-Bibliothek überschreiben müssen, können beide verwendet werden.

0
Mees