📜  CSS |游标属性(1)

📅  最后修改于: 2023-12-03 15:30:09.934000             🧑  作者: Mango

CSS | 游标属性

CSS游标属性用于改变HTML元素的鼠标指针图标。

语法
cursor: value;

| 值 | 描述 | | --- | --- | | auto | 默认值。浏览器设置指针 | | crosshair | 十字线替代光标 | | default | 浏览器默认光标 | | pointer | 手形光标,表示可点击链接 | | move | 移动光标,表示可拖动元素 | | text | I形光标,表示可输入文本 | | wait | 等待光标,表示正在加载 | | help | 帮助光标,表示可获取关于元素的信息 | | not-allowed | 禁止光标,表示元素不可点击 |

还有一些其他值,详见MDN文档

示例
a:hover {
  cursor: pointer;
}

input[type="submit"]:hover {
  cursor: pointer;
}

span {
  cursor: not-allowed;
}

img {
  cursor: pointer;
}