cursor css

时间:2023-03-31 16:05:28

cursor是CSS属性之一,用于设置鼠标指针在元素上的样式。cursor可以接受多个值,常用的取值包括:

auto:浏览器自动根据元素类型设置鼠标指针样式。
default:默认鼠标指针,通常是箭头。
pointer:手型鼠标指针,通常表示可点击链接或按钮。
text:文本鼠标指针,通常表示可输入文本的区域。
move:移动鼠标指针,通常表示可拖拽元素。
wait:等待鼠标指针,通常表示正在加载或处理数据。
not-allowed:不允许鼠标指针,通常表示不可点击或不可操作的元素。
例如,要将一个元素鼠标指针样式设置为手型,可以使用如下CSS代码:

.my-element {
cursor: pointer;
}

cursor属性还可以使用自定义鼠标指针样式,例如:

.my-element {
cursor: url("my-cursor.png"), auto;
}

以上代码将鼠标指针样式设置为自定义的图片,如果图片无法加载,则自动使用浏览器默认样式。

相关词 cursor