Question

How can I style jQuery draggable clone with CSS?

Answer 1

Refer to second answer by tohster – this is outdated.

=======

http://webdevel.blogspot.com/2008/09/jquery-ui-draggables-helper-css-class.html this might be a help

Quoting from the above site:

While working with jQuery UI draggables, I have noticed that there does not seem to be a class associated with the draggable helper, and so it is styled in the same way as the draggable you selected. As a result you have to resort to the start function option to add the class dynamically:

$(".dragme").draggable({helper: "clone",
 start: function(e, ui)
 {
  $(ui.helper).addClass("ui-draggable-helper");
 }
});

As a result you have to resort to the start function option to add the class dynamically:

.ui-draggable-helper {
 border: 1px dotted #000;
 padding: 6px;
 background: #fff;
 font-size: 1.2em;
}