码农教程 - 一技在手,衣食无忧! tools

目录

style cursor 属性

❮上一节 ❮ 样式对象参考 下一节❯

示例

改变光标：

document.getElementById("demo").style.cursor = "pointer";
亲自试一试 »

描述

光标属性设置或返回为鼠标指针显示的光标类型。

浏览器支持

Property
cursor Yes Yes Yes Yes Yes

语法

返回光标属性：

object.style.cursor

设置光标属性：

object.style.cursor = value

属性值

Value Description
alias The cursor indicates an alias of something is to be created
all-scroll The cursor indicates that something can be scrolled in any direction
auto Default. The browser sets a cursor
cell The cursor indicates that a cell (or set of cells) may be selected
context-menu The cursor indicates that a context-menu is available
col-resize The cursor indicates that the column can be resized horizontally
copy The cursor indicates something is to be copied
crosshair The cursor render as a crosshair
default The default cursor
e-resize The cursor indicates that an edge of a box is to be moved right (east)
ew-resize Indicates a bidirectional resize cursor
help The cursor indicates that help is available
move The cursor indicates something is to be moved
n-resize The cursor indicates that an edge of a box is to be moved up (north)
ne-resize The cursor indicates that an edge of a box is to be moved up and right (north/east)
nesw-resize Indicates a bidirectional resize cursor
ns-resize Indicates a bidirectional resize cursor
nw-resize The cursor indicates that an edge of a box is to be moved up and left (north/west)
nwse-resize Indicates a bidirectional resize cursor
no-drop The cursor indicates that the dragged item cannot be dropped here
none No cursor is rendered for the element
not-allowed The cursor indicates that the requested action will not be executed
pointer The cursor is a pointer and indicates a link
progress The cursor indicates that the program is busy (in progress)
row-resize The cursor indicates that the row can be resized vertically
s-resize The cursor indicates that an edge of a box is to be moved down (south)
se-resize The cursor indicates that an edge of a box is to be moved down and right (south/east)
sw-resize The cursor indicates that an edge of a box is to be moved down and left (south/west)
text The cursor indicates text that may be selected
URL A comma separated list of URLs to custom cursors. Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used
vertical-text The cursor indicates vertical-text that may be selected
w-resize The cursor indicates that an edge of a box is to be moved left (west)
wait The cursor indicates that the program is busy
zoom-in The cursor indicates that something can be zoomed in
zoom-out The cursor indicates that something can be zoomed out
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值： 汽车
返回值： 一个字符串，表示当鼠标指针位于元素上方时显示的鼠标光标
CSS版本 CSS2

更多示例

示例

显示所有可用的光标：

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
亲自试一试 »

示例

返回游标类型：

alert(document.getElementById("demo").style.cursor);
亲自试一试 »

相关页面

CSS 参考：光标属性


❮上一节 ❮ 样式对象参考 下一节❯