CSS---cursor鼠标属性

CSS改变鼠标指针形状的方法：

在项目中会遇到需要点击的图片，字体，按钮等，就需要鼠标的指针形式变成小手型；
当文本款，文本域是禁止输入的时候，鼠标的指针变成红圈中间一道杠的形式；

首先看一下cursor的属性表：

1. 默认 default
2. 文字/编辑 text
3. 自动 auto
4. 手形 pointer, hand(hand是IE专有)
5. 可移动对象 move
6. 不允许 not-allowed
7. 无法释放 no-drop
8. 等待/沙漏 wait
9. 帮助 help
10. 十字准星 crosshair
11. 向上改变大小(North) n-resize
12. 向下改变大小(South) s_resize 与n-resize效果相同
13. 向左改变大小(West) w-resize
14. 向右改变大小(East) e-resize 与w-resize效果相同
15. 向左上改变大小（NorthWest） nw-resize
16. 向左下改变大小（SouthWest） sw-resize
17. 向右上改变大小（NorthEast） ne-resize 与sw-resize效果相同
18. 向右下改变大小（SouthEast） se-resize 与nw-resize效果相同
19. 自定义光标 url(‘光标地址’)

---

以上是CSS–cursor属性值，针对文本域，文本款禁用时的样式：
可以将背景颜色，边框颜色都改变一下，改变成你想要的效果。

input[disabled],
   select[disabled] ,
   textarea[disabled] ,
   input[readonly] ,
   select[readonly] ,
   textarea[readonly] {
      cursor:not-allowed;
      background-color: #f5f5f5;
      border-color: #ddd;
   }

如果，你懂得黑别人网站，或者想搞些恶作剧，你可以这样：

*{cursor:none !important;}
或者动态添加CSS文件：
document.styleSheets// 返回所有该网站用到的样式列表

// 创建一个新的样式元素
var style = document.createElement("style");   
// 在该样式元素中创建新的节点（样式）
style.appendChild(document.createTextNode("*{cursor:none !important}"));  
// 将该样式元素添加到DOM中
document.head.appendChild(style); 

这会返回什么的结果！大家可以想象一下！WHAT!