如何覆盖悬停按钮的css cursor属性？

Question

我有一个<button>,当用户将鼠标悬停时,光标变为指针(通过CSS).

当用户点击时<button>,所有页面的光标应该变为wait(通过jQuery).

但是,如果用户将光标保持在内部<button>,它将保持不变pointer.我怎样才能解决这个问题 ？

实例:http://jsfiddle.net/URuLa/

使用Chrome 36.0.1985.125(上一版本)测试

Answer 1

为html添加一个设置游标的类,并设置所有元素在html具有该类时也具有等待游标

CSS

html.wait, html.wait * {
   cursor:wait;
}

然后而不是做

$('html').css("cursor","wait");

使用addClass将等待类添加到html

$('html').addClass("wait");

JSFiddle演示

然后完成后只需使用removeClass删除该类