Removing handle image from jquery UI resizable element

Question

How can I remove the default southeast (se) handle image of the resizable element and add my own image?

Answer 1

i always do this in my .css file

.ui-dialog .ui-resizable-se {
    background-image: url("");
}

and it works all the time :)

Answer 2

You have two options:

1. You can override ui-resizable-handle or ui-resizable-se as mentioned on the jQuery site at the very bottom.
2. You can alter the image file "ui-icons_222222_256x240.png", an example of which is hosted here, by Google.