cursor是CSS中用于定义鼠标在元素标签上的显示样式,如常用的手型鼠标样式 cursor: pointer; 也可以通过url网址指定扩展名一般为.cur的鼠标图片文件。
名称 | 属性代码 | 描述 |
---|---|---|
默认箭头样式 | cursor:default | 系统默认 箭头样式 |
手型 | cursor: pointer | 系统自带 手型 |
手型 | cursor:hand | 系统自带 手型 提示 只有ie5支持这种手型也只支持这种 |
移动十字箭头 | cursor: move | 系统自带 移动十字箭头 |
帮助问号 | cursor: help | 系统自带 帮助问号 |
十字准心 | cursor:crosshair | 系统自带 十字准心 |
文字/编辑 | cursor: text | 系统自带 编辑或者框选文字时 竖线型 |
无法释放(禁用) | cursor:no-drop | 系统自带 当不可编辑时禁用型 |
禁用 | cursor:not-allowed | 系统自带 当不可编辑时禁用型 |
自动 | cursor:auto | 就是由系统根据当前元素自动设置 |
处理中 | cursor: progress | win7为一个圆环,xp为一个沙漏,等待处理中样式 |
向上改变大小 | cursor: n-resize | 系统自带 |
向下改变大小 | cursor: s-resize | 系统自带 |
向左改变大小 | cursor: w-resize | 系统自带 |
向右改变大小 | cursor: e-resize | 系统自带 |
向上左改变大小 | cursor: nw-resize | 系统自带 |
向下左改变大小 | cursor: sw-resize | 系统自带 |
向上右改变大小 | cursor: ne-resize | 系统自带 |
向下右改变大小 | cursor: se-resize | 系统自带 |
cursor:url(鼠标图片文件网址)cur格式或者ani格式,通过指定图标文件网址 来自定义鼠标样式 | ||
url | cursor:url(网址) | 指定网址 |