jQuery 대화 상자 자식 요소의 크기를 독립적으로 조정하지 못하게하려면 어떻게해야합니까?

Question

jQuery 1.7.1을 사용하여 여는 대화 상자가 있습니다. 대화 상자에 대한 HTML은 다음과 같습니다

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

jQuery를 코드 : 나는 <textarea> 태그에 크기 조정 아이콘을 제거하려면 어떻게

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

?

Answer 1

약간의 CSS를 사용하면 대부분 그 불쾌한 강조 경계를 숨기려면, 조금 대답

.ui-dialog textarea { 
    resize: none; 
} 

도움이 될 그냥 이것에 확장 당신은 조금 더 CSS를 사용할 수 있습니다 브라우저

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

Answer 2

사용하여 CSS : textarea { resize:none }

Answer 3

이 기능은 Chrome/Chromium 브라우저에서만 사용할 수 있습니다. 하지만 다음과 같이 수정할 수 있습니다 :

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