在CSS中,我们可以使用“cursor”属性值来更改鼠标指针的样式。这些样式包括标准箭头、手形指针、等待光标、十字线、禁止符号和文本插入符。
body { cursor: pointer; }
以上代码将把鼠标光标变成手形指针。除了“pointer”值,还有其他值可以使用:
- auto:默认状态,浏览器自动选择适当的光标
- crosshair:十字线光标
- default:浏览器默认光标
- help:帮助标志光标
- move:可移动光标
- text:文本插入符光标
- wait:等待光标,表示正在加载内容
- url("cursor.png"), auto:自定义光标,指向图像文件的URL地址
button { cursor: not-allowed; }
以上代码将把鼠标光标变成禁止符号,用于表明该按钮当前不可用。
“cursor”属性值在很多情况下都可以提高用户体验,例如对于链接、可拖动元素和按钮等。