Question

I have a dialog box that I open using jQuery 1.7.1. The html for the dialog is:

<div id="transactionDialog" title="Transaction Contents">
    <textarea></textarea>
</div>      

jQuery Code:

$("#transactionDialog").dialog({
    autoOpen: false,
    width: 640,
    height: 480,
    show: "highlight",
    resizable: true
});

How do I get rid of the resize icon on the <textarea> tag?

Answer 1

A little css might help

.ui-dialog textarea { 
    resize: none; 
}

and just to extend on this answer a little, if you want to hide that nasty highlight border in most browsers you can use a little more css

.ui-dialog textarea:focus { 
    outline: none;
}