andere Farbe wenn mit Curser auf Button CSS und Html?

Wie erstellt man ein Button ,wenn man mit dem Curser über den Button geht das er nh andere Farbe hat für den Moment? bzw welches Atribut muss ich hinzufügen?

Answer 1

[MrAmazing2]

Indem du per CSS bei :hover die background-color setzt:

button:hover {
  background-color: red;
}

Answer 2

[FaTech]

In CSS:

Maus gedrückt halten: Button:active{}

Maus auf Button ohne klick: Button:hover{}

Normal Button: Button{}

Was du brauchst ist hover. Sobald die Maus auf den Button geht, überschreibt der hover Style den normalen Button style

Comments

[Weebmeeb]

habe jetzt Hover genutzt, funktioniert nicht

[Weebmeeb]

}

.button:hover{

  color: white;

}

habe so gemacht funktioniert aber nicht

[Tyldu]

@Weebmeeb

hat der button auch die klasse "button" oder ist es einfach ein button element?

[siliciumcarbid3]

@Tyldu

background-color statt color