cursor:hand與cursor:pointer的區別介紹

2024-07-11 08:51:27

字體：大中小

來源：轉載

供稿：網友

cursor:hand 與 cursor:pointer 的效果是一樣的，都像光標指向鏈接一樣，光標變成手行。

cursor:hand ：IE完全支持。但是在firefox是不支持的，沒有效果。
cursor:pointer ：是CSS2.0的標準。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6開始支持。

結論：還是用 cursor:pointer 來的方便

cursor：鼠標

pointer：指針

附：cursor屬性收集

光標類型 CSS
十字準心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
寫兩個是為了照顧IE5，它只認hand。
等待/沙漏 cursor: wait;
幫助 cursor: help;
無法釋放 cursor: no-drop;
文字/編輯 cursor: text;
可移動對象 cursor: move;
向上改變大小(North) cursor: n-resize;
向下改變大小(South) cursor: s-resize;
向右改變大小(East) cursor: e-resize;
向左改變大小(West) cursor: w-resize;
向上右改變大小(North East) cursor: ne-resize;
向上左改變大小(North West) cursor: nw-resize;
向下右改變大小(South East) cursor: se-resize;
向下左改變大小(South West) cursor: sw-resize;
自動 cursor: auto;
禁止 cursor:not-allowed;
處理中 cursor: progress;
系統默認 cursor: default;
用戶自定義（可用動畫） cursor: url(‘ # ‘);
# = 光標文件地址 (注意文件格式必須為：.cur 或 .ani)。

上一篇：解決table td中的checkbox無法上下居中的問題

下一篇：css使用overflow屬性控制滾動條的樣式