CSS 光标事件变化

Question

我正在尝试使光标在特定事件上发生变化。我不知道如何解释它，但作为示例，我想将光标更改为在当前为指针光标（悬停链接，按钮，其他......）而且我不想键入所有具有指针光标的内容，例如：

a, input[type='button'], button {
    cursor: progress;
}

我只想在光标指向进度时替换光标。
这可能吗？即使它需要 JavaScript 或任何东西！如果可能的话，请帮助我，我也会接受建议。

提前致谢~

Answer 1

这是您要找的吗？

a:hover,
button:hover,
input[type="button"] {
  cursor: wait;
}

Answer 2

这不太可能。浏览器（我只检查了chrome）将cursor的样式值设置为"auto"或"default"。因此，即使您使用 javascript 检查元素的样式，您也无法判断它使用的是哪个光标，除非您已经在 css.

中指定了它

您可以使用此 jquery 代码段进行测试：

javascript:

console.log($('button').css('cursor'));
console.log($('input[type="submit"]').css('cursor'));
console.log($('a').css('cursor'));

html:

<button>TEST</button>
<input type="submit"/>
<a href="#">TEST</a>

CSS Cursor Event Change