Sobes.tech
Intern

Hogyan változtassuk meg az egérkurzort egy weboldalon?

sobes.tech MI

Válasz az MI-től

CSS-ben a cursor tulajdonság.

Előre definiált értékek használhatók:

  • auto: Az egérmutató a kontextustól függően alakul.
  • default: Alapértelmezett nyíl.
  • pointer: Kéz alakú mutató (hivatkozásként).
  • text: Szöveghez tartozó I-alakú mutató.
  • wait: Várakozási jelző.
  • help: Kérdőjel alakú mutató.
.element {
  cursor: pointer; /* Kéz alakú mutató */
}

Saját képeket is használhat:

.element {
  cursor: url('path/to/image.cur'), auto; /* Saját mutató tartalék auto-val */
}

Ajánlott .cur vagy .svg formátumokat használni képekhez, és megadni tartalék értéket is.