Remove listing bullets from the draggable element . when the element is dragged it is dragging it with the bullet so how can i remove that bullet. here you can check my code - ** i want to remove the bullet when i am dragging the element and also after dropping element.

Remove listing bullets from the draggable element . when the element is dragged it is dragging it with the bullet so how can i remove that bullet. here you can check my code - *http://jsfiddle/aNreg/197* i want to remove the bullet when i am dragging the element and also after dropping element.

• javascript
• jquery
• html
• css

• also provide your code here – Patrick Evans Commented Sep 26, 2013 at 4:25
• In jquery $('.button-orange').parent().css('list-style-type','none'); In css list-style-type:none' jsfiddle/krish/aNreg/202 – Krish Commented Sep 26, 2013 at 4:29
• jsfiddle/aNreg/197 – Sanjay Rathod Commented Sep 26, 2013 at 4:32

3 Answers 3

Add the rule

li.ui-draggable-dragging {
    list-style:none;
}

Demo: Fiddle

The problem is since the draggable item is cloned the existing rule is not applied to it

Your css is too restrictive. If you use

li.third

instead of

.ui-widget-content ul li 

that will solve your problem

Make the list style type none to your draggable element. like this

list-style:none;