วิธีการปิดการใช้งานการปรับขนาด textarea?

ฉันต้องปิดการใช้งาน textarea ปรับขนาดแนวนอน บางครั้งฉันต้องการอนุญาตให้ปรับขนาดแนวตั้งบน textarea

เมื่อใดก็ตามที่ฉันสร้างหน้าติดต่อเราข้อความจะทำให้การออกแบบของฉันน่าเกลียด

มีใครให้วิธีแก้ปัญหาให้ฉันได้มั้ย

คุณสามารถใช้ 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ควรจะมีประโยชน์สำหรับคุณ

ด้วย CSS บางอย่างเช่นนี้

textarea
{
   resize: none;
}

หรือถ้าคุณต้องการแนวตั้งเท่านั้น

textarea { resize:vertical; }

หรือแนวนอน

textarea { resize:horizontal; } 

หรือทั้งสองอย่าง (ไม่ใช่กรณีของคุณ)

textarea { resize:both; } 

คุณสามารถใส่มันลงในไฟล์ CSS:

textarea {
  resize: none;
} 

ปิดการใช้งานhorizontalและverticalมีขีด จำกัด

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

สำหรับtextareaฉันที่ใช้width: 500px !importantและheight: 350px !importantดังนั้นCSSรหัสนี้ป้องกันการปรับขนาดผู้ใช้ แต่ถ้าคุณมีแท็กอื่น ๆ ที่คุณต้องใช้resize: noneสำหรับคำอธิบายที่สมบูรณ์อ่านลิงค์นี้

ตัวอย่างเช่นสำหรับpแท็กคุณต้องตั้งค่าoverflowทรัพย์สินที่มีค่าที่ไม่ได้เป็นvisibleแล้วตั้งresize, none, both, ,verticalhorizontal