CSS改變鼠標指針形狀的方法:ssh
在項目中會遇到須要點擊的圖片,字體,按鈕等,就須要鼠標的指針形式變成小手型; 字體
當文本款,文本域是禁止輸入的時候,鼠標的指針變成紅圈中間一道槓的形式;url
首先看一下cursor的屬性表:spa
- 默認 default
- 文字/編輯 text
- 自動 auto
- 手形 pointer, hand(hand是IE專有)
- 可移動對象 move
- 不容許 not-allowed
- 沒法釋放 no-drop
- 等待/沙漏 wait
- 幫助 help
- 十字準星 crosshair
- 向上改變大小(North) n-resize
- 向下改變大小(South) s_resize 與n-resize效果相同
- 向左改變大小(West) w-resize
- 向右改變大小(East) e-resize 與w-resize效果相同
- 向左上改變大小(NorthWest) nw-resize
- 向左下改變大小(SouthWest) sw-resize
- 向右上改變大小(NorthEast) ne-resize 與sw-resize效果相同
- 向右下改變大小(SouthEast) se-resize 與nw-resize效果相同
- 自定義光標 url(‘光標地址’)