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
返回值： 字符串，表示當鼠標指針懸停在元素上時顯示的鼠標光標。
CSS 版本： CSS2

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持