Metin alanı yeniden boyutlandırması nasıl devre dışı bırakılır?

Metin alanı yatay yeniden boyutlandırmasını devre dışı bırakmam gerekiyor. Bazen metin alanında dikey yeniden boyutlandırmaya izin vermek istiyorum.

Ne zaman bir iletişim sayfası oluştursam, textarea tasarımımı çirkin hale getiriyor.

herhangi biri bana devre dışı bırakmak için bir çözüm verebilir misiniz?

Css kullanabilirsiniz

hepsini etkisiz hale getir

textarea { resize: none; }

yalnızca dikey yeniden boyutlandırma

textarea { resize: vertical; }

yalnızca yatay yeniden boyutlandırma

textarea { resize: horizontal; } 

dikey ve yatay limitli devre dışı bırak

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

yatay ve dikey sınırla devre dışı bırak

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

Bence min-heightsenin için yararlı olmalı

Böyle bazı css ile

textarea
{
   resize: none;
}

Veya sadece dikey

textarea { resize:vertical; }

Veya yatay

textarea { resize:horizontal; } 

veya her ikisi de (sizin durumunuz değil)

textarea { resize:both; } 

Bunu CSS dosyasına koyabilirsiniz:

textarea {
  resize: none;
} 

devre dışı bırak horizontalve verticalsınırla

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

İçin textareakullandığım width: 500px !importantve height: 350px !importantbu yüzden, CSSkodlar kullanıcı boyutlandırmak önlemek, ancak diğer etiketler olması durumunda kullanmak gerekir resize: nonekomple açıklamalar okumak için, bu Linki .

Örneğin, bir için petiketi ayarlamanız gerekir overflowolmayan bir değerle özelliğini visibleayarlayın ve sonra resize, none, both, vertical, horizontal.