Bagaimanakah Saya Boleh Lumpuhkan Kawasan Teks Boleh Diubah Menggunakan CSS?

Melumpuhkan Kawasan Teks Boleh Resizable: Panduan Komprehensif

Pengguna sering menghadapi pilihan mengubah saiz dalam kawasan teks, membenarkan pengubahsuaian saiznya. Walau bagaimanapun, melumpuhkan ciri ini adalah penting dalam senario tertentu. Artikel ini menyediakan panduan terperinci tentang melumpuhkan sifat boleh saiz semula kawasan teks menggunakan CSS.

Melumpuhkan Saiz Semula Menggunakan CSS

Untuk melumpuhkan saiz semula bagi semua kawasan teks pada halaman, gunakan peraturan CSS berikut:

textarea {
  resize: none;
}

Selektif Melumpuhkan

Untuk melumpuhkan saiz semula untuk kawasan teks tertentu sahaja, gunakan pilihan berikut:

• Atribut Kelas: Tetapkan kelas kepada yang disasarkan textarea dan gunakan CSS peraturan:

  .textarea1 {
  resize: none;
  }

• Atribut Nama: Gunakan peraturan pada kawasan teks dengan atribut nama tertentu:

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

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

  #foo {
  resize: none;
  }

Pilihan Tambahan

W3C mentakrifkan nilai tambahan untuk kawalan lanjut ke atas saiz semula:

• tiada: Lumpuhkan semua mengubah saiz
• kedua-duanya: Membenarkan saiz semula mendatar dan menegak
• mendatar: Membenarkan saiz semula mendatar sahaja
• menegak: Membenarkan ubah saiz menegak sahaja
• warisi: Mewarisi gelagat pensaiz semula elemen induk

Contohnya, untuk membenarkan saiz semula menegak sahaja:

textarea {
  resize: vertical;
}

Pertimbangan Penting

Perhatikan bahawa ubah saiz harta berkuat kuasa hanya apabila sifat limpahan ditetapkan kepada sesuatu selain daripada nilai lalai boleh dilihat. Biasanya, anda perlu menentukan limpahan: tatal; untuk melumpuhkan saiz semula.

Kesimpulan

Dengan mengikut kaedah ini, anda boleh melumpuhkan sifat boleh saiz semula textarea dengan berkesan, meningkatkan pengalaman pengguna dan memenuhi keperluan susun atur khusus.

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