樣式 cursor 屬性
描述
cursor 屬性設定或返回滑鼠指標要顯示的游標型別。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| cursor | 是 | 是 | 是 | 是 | 是 |
語法
返回 cursor 屬性
object.style.cursor
設定 cursor 屬性
object.style.cursor = 值
屬性值
| 值 | 描述 |
|---|---|
| alias | 游標指示將建立某物的別名 |
| all-scroll | 游標指示某物可以在任何方向滾動 |
| auto | 預設。瀏覽器設定游標 |
| cell | 游標指示可以選擇一個單元格（或一組單元格） |
| context-menu | 游標指示有可用的上下文選單 |
| col-resize | 游標指示可以水平調整列的大小 |
| copy | 游標指示將複製某物 |
| crosshair | 游標顯示為十字線 |
| default | 預設游標 |
| e-resize | 游標指示框的邊緣將向右（東）移動 |
| ew-resize | 指示雙向調整大小游標 |
| 幫助 | 游標指示有幫助可用 |
| 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 |
更多示例
示例
顯示所有可用游標
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
自己動手試一試 »
相關頁面
CSS 參考：cursor 屬性
