光标
此工具类用于控制鼠标光标停留于元素上方时的样式。
| 类 | 代表值 |
|---|---|
| cursor-auto | cursor: auto; |
| cursor-default | cursor: default; |
| cursor-grab | cursor: grab; |
| cursor-grabbing | cursor: grabbing; |
| cursor-help | cursor: help; |
| cursor-move | cursor: move; |
| cursor-none | cursor: none; |
| cursor-not-allowed | cursor: not-allowed; |
| cursor-pointer | cursor: pointer; |
| cursor-progress | cursor: progress; |
| cursor-text | cursor: text; |
| cursor-wait | cursor: wait; |
使用
对组件或元素应用自定义游标样式。
SASS 变量
你也可以使用下面的 SASS 变量来自定义边框颜色和宽度:
scss
@use "vuetify/settings" with (
$utilities: (
"cursor": (
property: cursor,
class: cursor,
values: auto default pointer wait text move help not-allowed progress grab
grabbing none,
),
)
);通过覆盖 utilities 值来禁用生成**cursor (游标)**实用程序类:
scss
@use "vuetify/settings" with (
$utilities: (
"cursor": false,
)
);