自定义鼠标指针样式

1
:root {
2
  --cursor-default: url('/mouse/default.cur'), default;
3
  --cursor-pointer: url('/mouse/pointer.cur'), pointer;
4
}
5

6
html, body {
7
  cursor: var(--cursor-default);
8
}
9

10
a, button, input[type="button"], input[type="submit"], input[type="reset"],
11
[type="button"], [type="submit"], [type="reset"],
12
button, select, label,
13
[role="button"], [role="link"],
14
.cursor-pointer {
15
  cursor: var(--cursor-pointer);
16
}
17

18
input, textarea, [contenteditable="true"] {
19
  cursor: text;
20
}