1. 程式人生 > >cursor的幾種定義樣式總結

cursor的幾種定義樣式總結

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;