Co to jest selektor myszy w CSS?

Zauważyłem, że przyciski i inne elementy mają domyślną stylizację i zachowują się w 3 krokach: widok normalny, widok dymka / fokusu oraz widok myszki / kliknięcia, w CSS mogę zmienić styl widoku normalnego i widok dymka w następujący sposób:

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

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

ale jak mogę wybrać mousedown? Chcę coś takiego:

button:mousedown{
  //jakiś styl
}

1 odpowiedź

Myślę, że masz na myśli stan aktywny:

button:active{
  //jakaś stylizacja
 }

Są to wszystkie możliwe pseudo stany, które link może mieć w CSS:

a:link {color:#FF0000;}    /* nie odwiedzany link, taki sam jak zwykły „a” */
a:hover {color:#FF00FF;}   /* mysz nad linkiem */
a:focus {color:#0000FF;}   /* link ma fokus*/
a:active {color:#0000FF;}  /* wybrany link */
a:visited {color:#00FF00;} /* odwiedzony link */

sprawdź sobie:

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

Twoja odpowiedź

Zaloguj się aby odpowiedzieć.

Operiada

Operiada to polskojęzyczne forum informatyczne działające na zasadzie pytań i odpowiedzi.

Obserwowane tagi

Zaloguj się aby obserwować tagi.