CSS kurzor
A CSS <cursor> tulajdonság segítségével szabályozhatjuk, hogy az egérmutató milyen formában jelenjen meg egy adott elem fölött. Ez nemcsak vizuális jelzés, hanem fontos visszajelzés a felhasználónak arról, hogy az adott elem hogyan működik.
A cursor tulajdonság alapjai
A <cursor> tulajdonság megadja, hogy az egérmutató milyen ikonná változik az elem fölött. Például a <pointer> kurzor gyakori linkeknél és gomboknál, mert egyértelművé teszi a kattinthatóságot.
Egyszerű példák
A kurzor tulajdonságot közvetlenül CSS-ben vagy inline stílusban is használhatjuk. Íme néhány gyakori példa:
Gyakori kurzor típusok
A legfontosabb kurzor típusok közé tartozik a default, a pointer, a text, a wait, a help és a move. Ezek mind más-más felhasználói élményt biztosítanak.
Alapértelmezett kurzor
Kattintható elem
Szöveg kijelölés
Folyamatban lévő művelet
Súgó vagy információ
Mozgatás jelzése
Tippek a cursor használatához
A kurzor helyes használata nagymértékben javítja a felhasználói élményt, különösen az interaktív elemeknél.
- Mindig használj pointer kurzort a kattintható gomboknál és linkeknél.
- Kerüld a túl sok speciális kurzor használatát, mert zavaró lehet.
- Teszteld a kurzorokat különböző böngészőkben, mert eltérések lehetnek a megjelenítésben.
✨ Kérdezd Larát — a tanulási partnered
Fedezd fel a személyre szabott tanulási támogatást. Lara elmagyarázza az anyagot, összefoglalja a témákat és megválaszolja a kérdéseidet — az Go csomagtól elérhető.
Lara segít gyorsabban tanulni — kizárólag a ReadyTools Go, Plus és Max tagoknak.
