jquerycssjquery-uijquery-ui-resizablejquery-ui-theme

jQuery UI Resizable - How to thicken handle

Is it possible to make the handle thicker, for easier grabbing?

For example, in the link below, you will notice that I have a handle on a div at the bottom only, which is difficult to get hold of using the mouse as it seems to be 1px high. Is it possible to make the handle 10px heigh, so it looks and feels like the image is being grabbed?

http://jsfiddle.net/rYFEY/25/

Solution 
  • .ui-resizable-s {
    bottom: 0;
    height: 10px;
}

    See: http://jsfiddle.net/thirtydot/rYFEY/376/

    +rgba for clarity: http://jsfiddle.net/thirtydot/rYFEY/377/

    +rgba -overflow: hidden with the default bottom: -5px: http://jsfiddle.net/thirtydot/rYFEY/378/