如何禁用独立调整大小的jQuery对话框子元素？

我有一个对话框，我打开使用jQuery 1.7.1。在该对话框的HTML是：如何禁用独立调整大小的jQuery对话框子元素？

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

jQuery代码：

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

我如何在<textarea>标签摆脱调整大小的图标？

dialog resize grippy

2012-03-21 brian buck

我相信这是浏览器的功能，而不是你的HTML。 – Dutchie432 2012-03-21 16:32:49

如果这在Chrome中，我认为你不能。 – 2012-03-21 16:35:03

小CSS可以帮助

.ui-dialog textarea { 
    resize: none; 
}

，只是对这一延长回答了一点，如果你想隐藏在大多数那个可恶的亮点边界浏览器可以多用一点css

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

2012-03-21 16:33:21 SpYk3HH

使用CSS：textarea { resize:none }

2012-03-21 16:33:00 rgin

我认为这个功能只适用于Chrome/Chromium浏览器。但你可以这样修复：

<div id="transactionDialog" title="Transaction Contents" style="resize: none;"> 
    <textarea></textarea> 
</div>

2012-03-21 16:34:45 MatuDuke

回答