Im Firefox rechte Maustaste auf das Element, dann "Element untersuchen". Oben rechts "Pseudoklassen umschalten" auswählen und dann per Checkbox den Hoverstatus wählen. Jetzt siehst du u.a.
HTML-Code:
form button:hover,
input[type="submit"]:hover,
.button:hover {
text-decoration: none;
background-position: 0 -15px !important;
}
Tipp: Hintergrundbilder, welche bei Hover getauscht werden, sollten als Sprite angelegt werden. Ansonsten hat man ein unschönes "Springen" beim ersten Hovern, weil dieses Bild dann erst geladen wird. Beispiel: https://www.w3schools.com/css/css_image_sprites.asp
Wobei du da eigentlich kein Bild benötigst, das kannst du auch mit CSS machen.
HTML-Code:
#main .ce_toplink.top_screen,
#main .back.list_screen {
background-image: linear-gradient(to bottom, #A29C90, #544F43 55%, #544F43);
}
Lesezeichen