CSS 光标事件更改答案

【问题标题】：CSS Cursor Event ChangeCSS 光标事件更改
【发布时间】：2015-08-24 10:13:35
【问题描述】：

我正在尝试在特定事件上更改光标.. 我不知道如何解释它，但作为示例，我想在当前为指针光标时将光标更改为进度（悬停链接，按钮，否则...），我不想键入所有具有指针光标的内容，例如：

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

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

先谢谢了~

【问题讨论】：

我不确定这是否可能。当然不仅仅是CSS。无论哪种方式，我认为您应该按照您的描述执行此操作。指定 CSS 中要更改光标的所有元素。使用指针光标的元素并不多，更改它们并不难。如果可能的话，这肯定比编写 javascript 解决方案更容易。
@moss 你说得对，但我想把所有的光标都改成其他的，上面只是一个例子，我现在会坚持使用 CSS，但我仍然有兴趣知道这是否可能。
我不认为这是可能的，因为这些元素的默认光标设置为自动。我认为没有任何方法可以确定使用 javascript 的光标 auto 输出。
@moss 哦...我现在明白了！谢谢楼主，能不能给个答案？

【解决方案1】：

这不太可能。浏览器（我只检查了 chrome）将 cursor 的样式值设置为“自动”或“默认”。因此，即使您使用 javascript 检查元素的样式，除非您已在 css 中指定它，否则您将无法判断它正在使用哪个光标。

你可以用这个 jquery sn-p 测试这个：

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>

【讨论】：

【解决方案2】：

这是你要找的吗？

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

【讨论】：