[分享]css中cursor是什么意思

在CSS中，cursor属性用于设置鼠标悬停在元素上时的光标形状。使用cursor属性可以改变鼠标在特定元素上的外观，以使这些元素看起来更具交互性和可操作性。/ 将鼠标光标形状设置为手形 / butt...

在CSS中，cursor属性用于设置鼠标悬停在元素上时的光标形状。

使用cursor属性可以改变鼠标在特定元素上的外观，以使这些元素看起来更具交互性和可操作性。

/* 将鼠标光标形状设置为手形 */
button {
  cursor: pointer;
}

/* 将鼠标光标形状设置为文本输入形式 */
input[type="text"] {
  cursor: text;
} 

常见的光标形状包括：

• default: 默认光标形状。
• pointer: 手形，表示可单击的链接或按钮。
• text: 文本输入形式。
• move: 移动形式，表示可以移动对象或元素。
• not-allowed: 禁止形式，表示此操作被禁止。

可以在CSS中使用cursor属性为不同的元素设置不同的光标形状，并在不同的交互场景下提供更好的用户体验。