JQuery UI variable processing area / sensitivity / portability

Question

I use jQuery ui resizable, and I (personally) think it looks like a video game to nail down the hit area when you try to resize an element.

The hit area seems to be one pixel on the edge of the div! WT ...

Does anyone know how to increase the hit / portability of the handle so you don't need to move the mouse like a surgeon to grab the edge of your div?

Answer 1

Volatile descriptors have class ui-resizable-handle. You can create these classes according to your convenience and choice. You can increase their size, sizes, shapes, etc. For instance:

.ui-resizable-handle{width:0;height:0;border:4px solid blue;border-radius:10px;}

, .

.ui-resizable-handle{width:0;height:0;border:4px solid blue;}

. , , , CSS .

: http://jsfiddle.net/lotusgodkk/GCu2D/92/

Answer 2

jquery :

$('#elementResizable').resizable({
    handles: {
        'n': '#ngrip',
        'e': '#egrip',
        's': '#sgrip',
        'w': '#wgrip'
    }
});

,