CSS鼠标样式(cursor)

CSS cursor 属性值

属性值 示意图 描述
auto 默认值,由浏览器根据当前上下文确定要显示的光标样式
default

default

默认光标,不考虑上下文,通常是一个箭头
none 不显示光标
initial 将此属性设置为其默认值
inherit 从父元素基础 cursor 属性的值
context-menu

context-menu

表示上下文菜单可用
help

help

表示有帮助
pointer

pointer

表示一个链接
progress

progress

进度指示器,表示程序正在执行一些处理,但是您仍然可以在该界面进行一些操作(与 wait 不同)
wait

wait

表示程序繁忙,您应该等待程序指向完成
cell

cell

表示可以选择一个单元格(或一组单元格)
crosshair

crosshair

一个简单的十字准线
text

text

表示可以选择的文本
vertical-text

vertical-text

表示可以选择的垂直文本
alias

alias

表示要创建别名或快捷方式
copy

copy

表示可以复制某些内容
move

move

表示可以移动鼠标下方的对象
no-drop

no-drop

表示所拖动的项目不能放置在当前位置
not-allowed

not-allowed

表示无法完成某事
all-scroll

all-scroll

表示对象可以沿任何方向滚动(平移)
col-resize

col-resize

表示可以水平调整列的大小
row-resize

row-resize

表示可以垂直调整行的大小
n-resize

n-resize

表示对象的边缘可以向上(向北)移动
e-resize

e-resize

表示对象的边缘可以向右(向东)移动
s-resize

s-resize

表示对象的边缘可以向下(向南)移动
w-resize

w-resize

表示对象的边缘可以向左(向西)移动
ne-resize

ne-resize

表示对象的边缘可以向上和向右(北/东)移动
nw-resize

nw-resize

表示对象的边缘可以向上和向左(北/西)移动
se-resize

se-resize

表示对象的边缘可以向下和向右(向南/向东)移动
sw-resize

sw-resize

表示对象的边缘可以向下和向左(南/西)移动
ew-resize

ew-resize

表示可以双向调整对象大小的光标
ns-resize

ns-resize

nesw-resize

nesw-resize

nwse-resize

nwse-resize

zoom-in

zoom-in

表示可以放大某些内容
zoom-out

zoom-out

表示可以缩小某些内容
grab

grab

表示可以抓取(拖动)某些东西
grabbing

grabbing

表示已经抓取到某些东西
url("")  自定义光标的样式,括号中的内容为光标图像的源文件路径

你可能感兴趣的:(css,前端)