Style cursor 属性

定义和用法

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

另请参阅：

CSS 参考手册：cursor 属性

实例

例子 1

改变光标：

document.getElementById("myP").style.cursor = "pointer";

亲自试一试

例子 2

显示所有可用的光标：

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

亲自试一试

例子 3

返回光标的类型：

alert(document.getElementById("myP").style.cursor);

亲自试一试

语法

返回 cursor 属性：

object.style.cursor

设置 cursor 属性：

object.style.cursor = value

属性值

值 �述
alias 光標指示要創建某事物的別名。
all-scroll 光標指示可以向任意方向滾動。
auto 默認。瀏覽器設置光標。
cell 光標指示可以选择一個單元格（或一組單元格）。
context-menu 光標指示上下文菜單可用。
col-resize 光標指示可以水平調整列大小。
copy 光標指示要複製的內容
crosshair 光標呈現為十字準線。
default 默認光標。
e-resize 光標指示要向右（向東）移動框的邊緣。
ew-resize 指示雙向調整大小光標。
help 光標指示幫助可用。
move 光標指示要移動的東西。
n-resize 光標指示要向上（向北）移動框的邊緣。
ne-resize 光標指示要向上和向右移動框的邊緣（北/東）。
nesw-resize 指示雙向調整大小光標。
ns-resize 指示雙向調整大小光標。
nw-resize 光標指示要向上和向左（北/西）移動框的邊緣。
nwse-resize 指示雙向調整大小光標。
no-drop 光標指示拖動的項目不能放在此處。
none 沒有為元素呈現光標。
not-allowed 光標指示請求的動作不會被執行。
pointer 光標是指針，指示鏈接。
progress 光標指示程序正忙（進行中）。
row-resize 光標指示該行可以垂直調整大小。
s-resize 光標指示要向下（向南）移動框的邊緣。
se-resize 光標指示要向下和向右（南/東）移動框的邊緣。
sw-resize 光標指示要向下和向左移動框的邊緣（南/西）。
text 光標指示可以选择的文本。
URL

自定義光標的 URL 的逗號分隔列表。

註釋：請始終在列表末尾規定通用光標，以防沒有任何 URL 定義的光標可使用。
vertical-text 光標指示可以选择的縱排文本。
w-resize 光標指示要向左（向西）移動框的邊緣。
wait 光標指示程序正忙。
zoom-in 光標指示可以放大某些東西。
zoom-out 光標表示可以放大某些東西。
initial 將此屬性設定為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： auto
返回值： 字符串，表示當鼠標指針懸停在元素上時顯示的鼠標光標。
Versi CSS: CSS2

Dukungan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan