Mouse cursor change issues in Chrome
See: http://code.google.com/p/chromium/issues/detail?id=26723
HTML
<div id="container">
<button id="resetBtn" onclick="resetCursor();">Reset cursor to default</button><br />
<button id="changeBtn" onclick="changeCursor();">Change cursor in 2 seconds</button>
<p><i>*Move your mouse away from button after pressing it</i></p>
</div>
<p>Since Chrome 11 mouse cursor does change properly when mouse mouse-idling, but only if no mouse buttons are pressed. Try pressing the 'change cursor' button, move your cursor to an empty area inside the red box and press and hold any mouse button.</p>
CSS
#container {
border: solid 2px red;
padding: 50px;
}
JavaScript
window.resetCursor = function() {
document.getElementById('container').style.cursor = 'default';
}
window.changeCursor = function() {
document.body.style.cursor='wait';
//window.setTimeout("document.getElementById('container').style.cursor = 'wait';", 2000);
}