In Chrome (I am using version 16.0.912.75 m on Win 7) I find that no matter what I have a cursor set as, as soon as I hold my left mouse button down and move the cursor then the cursor type is changed to text (even when there is no text anywhere on the page).

Is this a bug? Does anyone know how to get around it as it is making my drag and drop tool look a bit silly!

div {
    background-color: lime;
    height: 100px;
    width: 300px;
    cursor: wait;
}
<div></div>

Original JSFiddle: http://jsfiddle.net/KJfbs/

Edit

As answered by @davgothic below, adding -webkit-user-select: none; will fix the issue when there is no text. However, should we position the element absolutely and place text behind it then the problem persists.

div {
    background-color: lime;
    height: 100px;
    width: 300px;
    cursor: wait;
    -webkit-user-select: none;
    position: absolute;
    top: 0;
    left: 0;
}
<div></div>
<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis eros mi, non tristique diam. Cras auctor posuere urna, porta egestas metus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer id arcu quis ipsum feugiat consequat id sit amet velit. Viva
css google-chrome mouse-cursor
Edit
Report