如何禁用獨立調整大小的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

回答