cursor的幾種定義樣式總結
阿新 • • 發佈:2018-11-16
cursor樣式:
取值 | IE支援版本 | 樣式 | 含義 |
auto | 預設值 | 瀏覽器自動確定滑鼠游標型別。 | |
crosshair | 十字準心 | ||
pointer | 取值為hand ,IE5支援;pointer,IE6以上支援 | 豎起一隻手指的手型圖案 | |
wait | 等待/沙漏(手錶) | 標示程式忙使用者需要等待的游標 | |
help | 有問號的箭頭 | 表示有幫助資訊存在 | |
no-drop | IE6以上支援 | 被紅斜線貫穿的紅圓圈(禁止) | 用於表示被拖起的物件不允許在游標的當前位置被放下 |
not-allowed | IE6以上支援 | 被紅斜線貫穿的紅圓圈(禁止) | 用於表示請求的操作不允許被執行 |
text | 類似I的可編輯的游標樣式 | 類似可編輯的水平文字的游標 | |
move | 十字箭頭 | 可移動物件 | |
n-resize | 向上改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
s-resize | 向下改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
e-resize | 向右改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
w-resize | 向左改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
ne-resize | 向上右改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
nw-resize | 向上左改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
se-resize | 向下右改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
sw-resize | 向下左改變大小 | 物件可被改變尺寸方向的箭頭游標 | |
progress | 帶有沙漏標記的箭頭 | 表示正在處理中 | |
default | 通常是一個箭頭 | 系統預設游標 | |
url('#') | IE6以上支援 | 使用者自定義游標 | 游標後顯示檔案地址(注意檔案格式必須為.cur或.ani) |
1、questions:滑鼠放上去沒有cursor: not-allowed;禁用樣式,雖然不能點選了 但滑鼠還是箭頭?
answer:註釋掉pointer-events:none;