定义和用法
光标属性设置或返回光标的类型,以显示鼠标指针。
浏览器支持
光标属性在所有主流浏览器的支持。
句法
返回光标属性:
object .style.cursor
设置光标属性:
object .style.cursor= 属性值 值 描述 alias 光标指示的东西的别名是要创建 all-scroll 光标显示的东西可以在任何方向滚动 auto 默认。 浏览器设置一个游标 cell 光标指示的单元(or set of cells)可以被选择 context-menu 将光标表示上下文菜单可用 col-resize 光标指示该列可以被调整大小水平 copy 光标指示的东西要被复制 crosshair 光标呈现为十字线 default 默认光标 e-resize 光标指示盒子的边缘被向右移动(east) ew-resize 表示一个双向的大小调整光标 help 光标显示有帮助文件 move 光标说明什么是移动 n-resize 光标指示盒子的边缘被向上移动(north) ne-resize 光标指示盒子的边缘被移动,向上和向右(north/east) nesw-resize 表示一个双向的大小调整光标 ns-resize 表示一个双向的大小调整光标 nw-resize 光标指示盒子的边缘被向上移动和左(north/west) nwse-resize 表示一个双向的大小调整光标 no-drop 光标表明拖动的项不能被丢弃在这里 none 没有光标呈现为元素 not-allowed 光标表示所请求的动作将不会被执行 pointer 光标是一个指针和表示链接 progress 光标指示该程序正忙(in progress) row-resize 光标指示该行可垂直调整大小 s-resize 光标指示盒子的边缘被向下移动(south) se-resize 光标指示盒子的边缘被向下移动,右(south/east) sw-resize 光标指示盒的边缘可向下移动和左(south/west) text 的光标表示可以选择的文本 URL 以逗号分隔的URL列表,自定义光标。 Note:在列表的末尾始终指定一个通用的光标,以防没有网址定义游标可以使用 vertical-text 的光标表示可被选择垂直文本 w-resize 光标指示盒子的边缘被向左移动(west) wait 光标指示该程序正忙 zoom-in 光标显示的东西可放大 zoom-out 光标显示的东西可以被缩小 initial 将此属性设置为默认值。 阅读关于初始 inherit 继承其父元素此属性。 阅读关于继承
技术细节
默认值: 汽车 返回值: 一个字符串,表示所显示的鼠标光标当鼠标指针在元件 CSS版本 CSS2
更多示例
例
显示所有可用的光标:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
试一试»
相关页面
CSS参考: cursor property
<Style对象