鼠标样式

Docs

• cursor - CSS：层叠样式表 | MDN (mozilla.org)
• CSS Basic User Interface Module Level 4 (w3c.github.io)

• cursor 可以设置鼠标指针悬停在元素上时显示相应样式。
• cursor 常见的设值有
  • auto：浏览器根据上下文决定指针的显示样式，比如根据文本和非文本切换指针样式
  • default：由操作系统决定，一般就是一个小箭头
  • pointer：一只小手，鼠标指针挪动到链接上面默认就是这个样式
  • text：一条竖线，鼠标指针挪动到文本输入框上面默认就是这个样式
  • none：没有任何指针显示在元素上面

/* 关键字值 */
cursor: pointer;
cursor: auto;

/* 使用 URL，并提供一个关键字值作为备用 */
cursor: url(hand.cur), pointer;

/* URL 和 xy 的坐标偏移值，最后提供一个关键字值作为备用 */
cursor: url(cursor1.png) 4 12, auto;
cursor: url(cursor2.png) 2 2, pointer;

/* 全局属性 */
cursor: inherit;
cursor: initial;
cursor: unset;