Bagaimanakah Saya Boleh Lumpuhkan atau Kawal Saiz Semula Kawasan Teks dalam CSS?

Lumpuhkan Saiz Semula Kawasan Teks

Apabila bekerja dengan kawasan teks, anda mungkin menghadapi keperluan untuk menyekat keupayaan pengguna untuk mengubah saiznya. Tingkah laku lalai membolehkan pengguna melaraskan ketinggian dan lebar kawasan teks dengan mengklik dan menyeret sudut kanan bawah.

Untuk melumpuhkan keupayaan mengubah saiz ini, laksanakan peraturan CSS berikut:

textarea {
  resize: none;
}

Peraturan ini akan menghalang pengguna daripada mengubah saiz mana-mana elemen kawasan teks pada halaman. Walau bagaimanapun, jika anda perlu melumpuhkan saiz semula untuk kawasan teks tertentu sahaja, anda boleh menggunakan kaedah alternatif:

• Atribut Kelas: Gunakan atribut kelas dalam teg HTML untuk melumpuhkan saiz semula untuk set kawasan teks tertentu.

.textarea1 {
  resize: none;
}

• Nama Atribut: Lumpuhkan saiz semula untuk kawasan teks dengan atribut nama tertentu.

textarea[name=foo] {
  resize: none;
}

• Atribut ID: Lumpuhkan saiz semula untuk kawasan teks dengan atribut ID tertentu .

#foo {
  resize: none;
}

Selain itu, anda boleh menentukan jenis saiz semula sekatan yang anda mahu gunakan menggunakan nilai berikut:

• tiada (lalai): Lumpuhkan semua saiz semula.
• kedua-duanya: Membenarkan kedua-duanya mengubah saiz mendatar dan menegak.
• mendatar: Sahaja membenarkan saiz semula mendatar.
• menegak: Hanya membenarkan saiz semula menegak.
• warisi: Mewarisi sifat mengubah saiz daripada elemen induk.

Ingat bahawa sifat ubah saiz hanya mempengaruhi gelagat kawasan teks apabila sifat limpahan tidak ditetapkan kepada kelihatan (iaitu lalai). Untuk menggunakan sifat ubah saiz, anda biasanya perlu menetapkan limpahan untuk menatal.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Lumpuhkan atau Kawal Saiz Semula Kawasan Teks dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!