cursor属性值有哪些?
·
用于定义用户将鼠标悬停在元素上时显示的鼠标光标类型。
一,常用的属性值
1,cursor:default; 表示默认光标,通常是一个箭头指针。
2,cursor:pointer; 表示链接或者可以点击,通常是一个竖着一根食指的小手。
3,cursor:text; 显示一个大写的字母 I 形状的光标,表示用户可以选择。
4,cursor:move;显示一个带箭头的十字,表示可以移动。
5, cursor:not-allowed;显示一个红色的禁止符号的光标,表示当前操作不允许。
6,cursor:wait;显示一个等待的光标,通常是旋转的圆圈或者是沙漏。
7,cursor:help;显示一个问号的光标,通常用于提供帮助或信息的地方。
二,自定义光标
可以使用 URL 指向自定义光标图像;例如:

这将使用 cursor.png 图片作为光标,如果图像加载失败,则采用auto光标,浏览器决定光标的样式,一般是箭头光标。
大多数现代浏览器都支持 cursor 属性,但一些旧版本的浏览器可能对自定义光标的支持有限。建议在使用自定义光标时提供后备光标以确保用户体验的一致性。
更多推荐

所有评论(0)