cursor的几种定义样式总结

cursor样式:

取值 IE支持版本 样式 含义
auto   默认值 浏览器自动确定鼠标光标类型。
crosshair   十字准心  
pointer 取值为hand ,IE5支持;pointer,IE6以上支持 竖起一只手指的手型图案  
wait   等待/沙漏(手表) 标示程序忙用户需要等待的光标
help   有问号的箭头 表示有帮助信息存在
no-drop IE6以上支持 被红斜线贯穿的红圆圈(禁止) 用于表示被拖起的对象不允许在光标的当前位置被放下
not-allowed IE6以上支持 被红斜线贯穿的红圆圈(禁止) 用于表示请求的操作不允许被执行
text   类似I的可编辑的光标样式 类似可编辑的水平文本的光标
move   十字箭头 可移动对象
n-resize   向上改变大小 对象可被改变尺寸方向的箭头光标
s-resize   向下改变大小 对象可被改变尺寸方向的箭头光标
e-resize   向右改变大小  对象可被改变尺寸方向的箭头光标
w-resize   向左改变大小 对象可被改变尺寸方向的箭头光标
ne-resize   向上右改变大小 对象可被改变尺寸方向的箭头光标
nw-resize   向上左改变大小 对象可被改变尺寸方向的箭头光标
se-resize   向下右改变大小 对象可被改变尺寸方向的箭头光标
sw-resize   向下左改变大小 对象可被改变尺寸方向的箭头光标
progress   带有沙漏标记的箭头 表示正在处理中
default   通常是一个箭头 系统默认光标
url('#') IE6以上支持 用户自定义光标 光标后显示文件地址(注意文件格式必须为.cur或.ani)

1、questions:鼠标放上去没有cursor: not-allowed;禁用样式,虽然不能点击了 但鼠标还是箭头?

  answer:注释掉pointer-events:none;

猜你喜欢

转载自www.cnblogs.com/ylyCherry/p/9967876.html