CSS cursor属性

• 

  定义和用法

  cursor属性指定在指向元素时要显示的鼠标光标。

  特征	说明
  默认值	auto
  继承	有
  动画	没有CSS动画参考
  CSS版本	CSS2
  JavaScript语法	object.style.cursor="crosshair"尝试一下

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  属性	Internet Explorer	Chrome	FireFox	Safari	Opera
  属性名称
  cursor	5.5	5.0	4.0	5.0	9.6

• 

  CSS语法

  cursor: value;
• 

  实例

  CSS可以生成一堆不同的鼠标光标：

  .alias {cursor: alias;}
  .all-scroll {cursor: all-scroll;}
  .auto {cursor: auto;}
  .cell {cursor: cell;}
  .context-menu {cursor: context-menu;}
  .col-resize {cursor: col-resize;}
  .copy {cursor: copy;}
  .crosshair {cursor: crosshair;}
  .default {cursor: default;}
  .e-resize {cursor: e-resize;}
  .ew-resize {cursor: ew-resize;}
  .grab {cursor: grab;}
  .grabbing {cursor: grabbing;}
  .help {cursor: help;}
  .move {cursor: move;}
  .n-resize {cursor: n-resize;}
  .ne-resize {cursor: ne-resize;}
  .nesw-resize {cursor: nesw-resize;}
  .ns-resize {cursor: ns-resize;}
  .nw-resize {cursor: nw-resize;}
  .nwse-resize {cursor: nwse-resize;}
  .no-drop {cursor: no-drop;}
  .none {cursor: none;}
  .not-allowed {cursor: not-allowed;}
  .pointer {cursor: pointer;}
  .progress {cursor: progress;}
  .row-resize {cursor: row-resize;}
  .s-resize {cursor: s-resize;}
  .se-resize {cursor: se-resize;}
  .sw-resize {cursor: sw-resize;}
  .text {cursor: text;}
  .url {cursor: url(myBall.cur),auto;}
  .w-resize {cursor: w-resize;}
  .wait {cursor: wait;}
  .zoom-in {cursor: zoom-in;}
  .zoom-out {cursor: zoom-out;}

  尝试一下
• 

  属性值

  属性值	描述
  alias	光标指示要创建的某些别名
  all-scroll	光标指示可以向任何方向滚动某些内容
  auto	默认。浏览器设置光标
  cell	光标指示可以选择一个单元（或一组单元）
  context-menu	光标指示上下文菜单可用
  col-resize	光标指示可以水平调整列的大小
  copy	光标指示要复制的内容
  crosshair	光标呈现为十字准线
  default	默认光标
  e-resize	光标指示框的边缘要向右移动（向东）
  ew-resize	表示双向调整大小游标
  grab	光标表示可以抓取某些东西
  grabbing	光标表示可以抓取某些东西
  help	光标表示有可用的帮助
  move	光标指示要移动的内容
  n-resize	光标指示框的边缘向上移动（北）
  ne-resize	光标指示框的边缘向上和向右移动（北/东）
  nesw-resize	表示双向调整大小游标
  ns-resize	表示双向调整大小游标
  nw-resize	光标指示框的边缘向上和向左移动（北/西）
  nwse-resize	表示双向调整大小游标
  no-drop	光标表示此处无法删除拖动的项目
  none	没有为元素呈现光标
  not-allowed	光标表示不会执行请求的操作
  pointer	光标是指针并指示链接
  progress	光标指示程序正忙（正在进行中）
  row-resize	光标指示可以垂直调整行的大小
  s-resize	光标指示框的边缘向下移动（向南）
  se-resize	光标指示框的边缘向下和向右移动（南/东）
  sw-resize	光标指示框的边缘向下和向左移动（南/西）
  text	光标指示可以选择的文本
  URL	逗号分隔的自定义游标的URL列表。注意：如果不能使用任何URL定义的游标，请始终在列表末尾指定通用游标
  vertical-text	光标指示可以选择的垂直文本
  w-resize	光标指示框的边缘向左（西）移动
  wait	光标表示程序正忙
  zoom-in	光标表示可以放大某些内容
  zoom-out	光标表示可以缩小某些内容
  initial	将此属性设置为其默认值。查看initial关键字
  inherit	从其父元素继承此属性。查看inherit关键字

• 

  相关页面

  HTML教程：HTML样式