ιδιότητα 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:

αντικείμενο.style.cursor

ρύθμιση της ιδιοτητας cursor:

αντικείμενο.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
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη