Kursor jest to wskaźnik, który wskazuje, w którym znajduje się kursor myszy i pokazuje miejsce, w którym masz zamiar dodać/zmienić tekst.
Wskaźnik ten może mieć zmieniony wygląd, jeśli chciałbyś, aby zwracał uwagę na konkretny tekst lub na określony obszar, gdy kursor znajdzie się nad tym tekstem/obszarem.
Krok po kroku[]
Aby zmienić wygląd kursora należy oznaczyć tekst/obszar, który chcesz, aby miał nowy wygląd, znacznikami span zawierającymi styl style="cursor: <styl-kursora>;", w ten sposób:
<span style="cursor: help;">Najedź na mnie, aby zobaczyć kursor!</span>
Co da w rezultacie:
- Najedź na mnie, aby zobaczyć kursor!
Dodatkowe style[]
- style="cursor:auto;", style="cursor:default;" lub style="cursor:text;":
- Najedź na mnie, aby zobaczyć kursor.
- style="cursor:crosshair;":
- Najedź na mnie, aby zobaczyć kursor.
- style="cursor:move;":
- Najedź na mnie, aby zobaczyć kursor.
- style="cursor:pointer;":
- Najedź na mnie, aby zobaczyć kursor.
- style="cursor:progress;":
- Najedź na mnie, aby zobaczyć kursor.
- style="cursor:wait;":
- Najedź na mnie, aby zobaczyć kursor.
Dla strzałek rozszerzających wielkość, należy użyć:
- style="cursor:e-resize;" lub style="cursor:w-resize;":
- Najedź na mnie, aby zobaczyć kursor.
- style="cursor:n-resize;" lub style="cursor:s-resize;":
- Najedź na mnie, aby zobaczyć kursor.
- style="cursor:ne-resize;" lub style="cursor:sw-resize;":
- Najedź na mnie, aby zobaczyć kursor.
- style=cursor:"nw-resize;" lub style=cursor:"se-resize;":
- Najedź na mnie, aby zobaczyć kursor.