Не меняется курсор в FireFox

По событию mousedown создаётся под указателем новый элемент со своим набором стилей, в том числе собственный вид курсора.
$(document).ready(function() { $("input").on("mousedown", function() { $("body").append("

") }); $(document).on("mouseup", function() { $("div.resizable").remove(); }); }); .resizable { width: 100px; height: 100px; position: absolute; top: 5px; left: 5px; cursor: move; background: #eee; }
В Chrome и IE всё работает как надо, а вот Firefox вредничает: курсор остаётся тем же, что был до mousedown

Ответ

Судя по всему, FF показывает курсор input'а до тех пор, пока нажата кнопка. Можно попробовать исправить так (но код с mouseup кривой - надеюсь, он тут для примера):
$(document).ready(function() { $("input").on("mousedown", function() { $(this).addClass("move-cursor") $("body").append("

") }); $(document).on("mouseup", function() { $(this).removeClass("move-cursor") $("div.resizable").remove(); }); }); .resizable { width: 100px; height: 100px; position: absolute; top: 5px; left: 5px; cursor: move; background: #eee; } .move-cursor { cursor: move; }