Skip to content

光标

此工具类用于控制鼠标光标停留于元素上方时的样式。

代表值
cursor-autocursor: auto;
cursor-defaultcursor: default;
cursor-grabcursor: grab;
cursor-grabbingcursor: grabbing;
cursor-helpcursor: help;
cursor-movecursor: move;
cursor-nonecursor: none;
cursor-not-allowedcursor: not-allowed;
cursor-pointercursor: pointer;
cursor-progresscursor: progress;
cursor-textcursor: text;
cursor-waitcursor: 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,
  )
);