css cursor样式

时间:2023-05-13 17:48:51

cursor css样式用于设置鼠标指针在元素上的显示样式。它可以为网页增加交互性,使用户在鼠标移动到元素上时能够知道其行为。

以下是 cursor 样式的语法:

cursor: value;

其中 value 可以是下列值之一:

auto:浏览器自动选择指针。
default:默认指针,通常是箭头。
pointer:手形指针,通常用于链接。
text:I 型文本指针,通常用于可编辑文本区域。
move:四向箭头指针,表示可以移动。
not-allowed:圆圈带斜线的指针,表示该操作无法执行。
crosshair:十字线指针,通常用于绘图。
help:带问号的指针,通常用于提示。
wait:沙漏指针,表示正在加载或处理。
progress:环形进度指针,表示正在处理。
url:自定义图片指针,使用 url() 函数指定图片地址。
以下是一个使用 cursor 样式的例子:

button:hover {
cursor: pointer;
}

在上面的例子中,当鼠标悬停在 button 元素上时,将使用手形指针表示该元素可以点击。

需要注意的是,不是所有的 cursor 值都适用于所有浏览器和操作系统,而且某些浏览器可能会将自定义指针转换为默认指针。因此,在使用自定义指针时需要进行兼容性测试。

相关词 cursor