把鼠标移动到所在元素上就会根据样式改变鼠标样式
- 常用的样式
- cursor:pointer(白手套点击)
- cursor:text(大写I的点击填写)
- cursor:wait(loading等待的转动)
<span style="cursor:auto">
Auto</span><br />
<span style="cursor:crosshair">
Crosshair</span><br />
<span style="cursor:default">
Default</span><br />
<span style="cursor:pointer">
Pointer</span><br />
<span style="cursor:move">
Move</span><br />
<span style="cursor:e-resize">
e-resize</span><br />
<span style="cursor:ne-resize">
ne-resize</span><br />
<span style="cursor:nw-resize">
nw-resize</span><br />
<span style="cursor:n-resize">
n-resize</span><br />
<span style="cursor:se-resize">
se-resize</span><br />
<span style="cursor:sw-resize">
sw-resize</span><br />
<span style="cursor:s-resize">
s-resize</span><br />
<span style="cursor:w-resize">
w-resize</span><br />
<span style="cursor:text">
text</span><br />
<span style="cursor:wait">
wait</span><br />
<span style="cursor:help">
help</span>
cursor:no-drop
//是一个红色的圈加一个斜杠,表示禁止的意思
cursor:not-allowed
//是一个红色的圈加一个斜杠,表示禁止的意思
请把鼠标移动到单词上,可以看到鼠标指针发生变化: