光标

概览

Chakra UI 使用cursor 令牌来定义交互元素的光标。

光标令牌

要自定义 Chakra 中交互元素的光标，请设置所需的 cursor 令牌值。

以下是可用光标令牌的列表

• button: 按钮的光标
• checkbox: 复选框和复选框卡片的光标
• disabled: 禁用元素的光标
• menuitem: 菜单项和菜单选项的光标。
• option: 选择、组合框和列表框选项的光标
• radio: 单选框和单选卡片的光标
• slider: 滑块轨道和滑块拇指交互的光标
• switch: 开关的光标

自定义光标

这是一个如何更改按钮光标的示例，您可以将 button 令牌设置为 default。

import { createSystem, defaultConfig } from "@chakra-ui/react"

export const system = createSystem(defaultConfig, {
  theme: {
    tokens: {
      cursor: {
        button: { value: "pointer" },
      },
    },
  },
})