Bagaimana cara menonaktifkan pengubahan ukuran teks?

Saya perlu menonaktifkan ukuran teks horizontal. Terkadang saya ingin membolehkan pengubahan ukuran vertikal pada textarea.

Setiap kali saya membuat halaman contact us textarea membuat desain saya jelek.

bisakah ada yang memberi saya solusi untuk menonaktifkannya?

Anda bisa menggunakan css

menonaktifkan semua

textarea { resize: none; }

hanya mengubah ukuran vertikal

textarea { resize: vertical; }

hanya mengubah ukuran horizontal

textarea { resize: horizontal; } 

nonaktifkan vertikal dan horizontal dengan batas

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

nonaktifkan horizontal dan vertikal dengan batas

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

Saya pikir min-heightharus bermanfaat bagi Anda

Dengan beberapa css seperti ini

textarea
{
   resize: none;
}

Atau kalau mau hanya vertikal

textarea { resize:vertical; }

Atau horizontal

textarea { resize:horizontal; } 

atau keduanya (bukan kasus Anda)

textarea { resize:both; } 

Anda dapat meletakkan ini di file CSS:

textarea {
  resize: none;
} 

nonaktifkan horizontaldan verticaldengan batas

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

Untuk textareasaya gunakan width: 500px !importantdan height: 350px !important, jadi CSSkode ini mencegah pengubahan ukuran pengguna, tetapi jika Anda memiliki tag lain yang harus Anda gunakan resize: none, untuk penjelasan lengkapnya baca Tautan Ini .

Sebagai contoh, untuk ptag Anda harus mengatur overflowproperti dengan nilai yang tidak visibledan kemudian mengatur resize, none, both, vertical, horizontal.