jQuery Resizable handle z-index

Question

I noticed that the jQuery UI's resizable handles are on top of all other elements in the page. I checked using Chrome's developer tools and saw that they are automatically given a z-index of 1001. Is there a way to disable this and just give them the same z-index as the resizable element? Thanks.

Answer 1

Works best for me, cause without !important the rule gets overwritten.

.ui-resizable-handle { z-index: auto !important; }