Was ist der Maus-Auswahlschalter in CSS?

Habe ich bemerkt, dass Schaltflächen und andere Elemente haben eine Standard-styling und Verhalten sich in 3 Schritte: normale Ansicht, hover/Fokus-Ansicht und mousedown/klicken Sie auf Ansicht, in der CSS kann ich das ändern das styling der Ansicht normal und hover-Ansicht wie diese:

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

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

aber wie kann ich wählen Sie das mousedown? Ich möchte so etwas wie dies:

button:mousedown{
  //some styling
}

Dank

Kommentar zu dem Problem
Sieht aus wie ein Duplikat von stackoverflow.com/questions/2725458/css-on-mouse-down Kommentarautor: Xavier
@x4vier: ich denke nicht so. Dann wieder, es ist schwer zu sagen, was gemeint ist mit "Maus nach unten" in diesem Fall. Kommentarautor: BoltClock♦

InformationsquelleAutor der Frage multimediaxp | 2013-05-23

  1. 102

    Ich denke du meinst den aktiven Zustand

     button:active{
  //some styling
 }

    Diese sind alle möglichen pseudo-Staaten einen link in 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 */

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

    InformationsquelleAutor der Antwort jansmolders86

  2. 19

    Pro-Tipp Hinweis: für einige Grund, der CSS-syntax braucht die :active snippet nach die :hover für das gleiche element, um wirksam zu werden

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

    InformationsquelleAutor der Antwort woohooGuy

  3. 9

    Ich herausgefunden, dass dies verhält sich wie ein mousedown-Ereignis:

    button:active:hover {}

    InformationsquelleAutor der Antwort shawn98ag

Schreibe einen Kommentar