光标
此工具类用于控制鼠标光标停留于元素上方时的样式。
类 | 代表值 |
---|---|
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,
)
);