2024年6月1日发(作者：)

css中cursor的用法

CSS中的cursor属性用于设置鼠标指针在元素上的样式。通过设置

不同的cursor值，可以让鼠标在不同的元素上呈现不同的样式，从

而提高用户体验。

cursor属性的语法如下：

```

selector {

cursor: value;

}

```

其中，selector表示要设置样式的元素，value表示要设置的

cursor值。常用的cursor值包括：

- auto：浏览器自动选择合适的光标。

- default：默认光标，通常是一个箭头。

- pointer：手形光标，表示链接或可点击的元素。

- text：文本光标，表示可以输入文本的元素。

- move：移动光标，表示可以拖动元素。

- not-allowed：禁止光标，表示不可用的元素。

除了以上常用的值，还有一些其他的值，如crosshair、wait、help

等，可以根据需要选择使用。

cursor属性不仅可以应用于普通元素，还可以应用于链接、按钮、

表单元素等。例如，可以将链接的cursor设置为pointer，让用户

知道它是可点击的；将按钮的cursor设置为pointer和move，让用

户知道它既可以点击，又可以拖动。

需要注意的是，cursor属性只能设置光标的样式，不能改变光标的

功能。例如，将光标设置为pointer并不会自动将元素转换为链接，

需要通过其他方式实现。

cursor属性也可以通过JavaScript动态设置。例如，可以在鼠标移

入某个元素时将其cursor设置为move，鼠标移出时恢复为默认光

标。

cursor属性是CSS中一个非常实用的属性，可以通过设置不同的值

来改变鼠标在元素上的样式，从而提高用户体验。