<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> var mouseDown = false; $(document).ready(function() { $('#dragArea').mousemove(function(e) { if (mouseDown) { this.style.cursor = 'pointer'; } else { this.style.cursor = 'default'; } }); $('#dragArea').mousedown(function() {mouseDown = true; this.style.cursor = 'pointer'; }); $('#dragArea').mouseup(function() { mouseDown = false; this.style.cursor = 'default'; }); $('#pageBody').mousemove(function() { this.style.cursor = 'default'; }); }); </script> </head> <body id="pageBody"> <div id="dragArea" style="height:200px;width:200px;border:solid 1px red;"> </div> </body> </html> Вот пример во всех браузерах работает как надо, в хроме вместо pointer, курсор как при редактирование текста. Пробывал вские -webkit-user-select и тп. Результат нулевой. Может кто сталкивался, заранее спасибо.