如何禁用textarea調整大小？

Question

我需要禁用textarea水平調整大小。有時我想允許在textarea上垂直調整大小。

每當我創建一個聯繫我們頁面textarea使我的設計醜陋。

任何一個可以給我一個解決方案，請禁用它？

Answer 1

您可以使用CSS

禁用所有

textarea { resize: none; } 

只有垂直調整大小

textarea { resize: vertical; } 

只水平調整

textarea { resize: horizontal; } 

禁用垂直和水平與限制

textarea { resize: horizontal; max-width: 400px; min-width: 200px; } 

禁用水平和垂直與限制

textarea { resize: vertical; max-height: 300px; min-height: 200px; } 

我覺得min-height應該

Answer 2

你可以把這個CSS文件：如果你只想垂直

textarea { 
    resize: none; 
} 

Answer 3

有了一些CSS這樣

textarea 
{ 
    resize: none; 
} 

或者

textarea { resize:vertical; } 

或水平

textarea { resize:horizontal; } 

或兩個（不是你的情況下）

textarea { resize:both; } 

Answer 4

禁用horizontal和vertical你限制有用

textarea { 
    width:100%; 
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
} 

Answer 5

對於textarea我用width: 500px !important和height: 350px !important，所以這個CSS碼防止用戶調整大小，但如果你有其他標籤則必須使用resize: none，完整的說明閱讀This Link。

例如，對於一個p標籤必須設置overflow屬性與不visible然後設置resize，none，both，vertical，horizontal的值。