textarea - ปิดการใช้งานการปรับขนาดบน x หรือ y?


114

ฉันรู้ว่าเป็นไปได้ที่จะปิดใช้งานการปรับขนาดของ a textareaโดยใช้:

textarea {
    resize: none;
}

แต่เป็นไปได้ไหมที่จะปิดใช้งาน x หรือ y? แทนที่จะเป็นทั้งสองอย่าง

คำตอบ:



32

แน่นอนว่าเป็นไปได้ด้วย css และ jquery

CSS:

resize: vertical;
resize: horizontal;

jQuery

$('textarea').css("resize", "vertical");
$('textarea').css("resize", "horizontal");

Bootstrap เพียงแค่ใส่คลาสใน Textarea

สำหรับการปรับขนาดแนวตั้ง: vresize

สำหรับการปรับขนาดแนวนอน: hresize


4
ทั้ง CSS และโซลูชัน jQuery ต่างก็ทำสิ่งเดียวกันดังนั้นคุณสามารถเลือกได้ว่าอันไหนดีที่สุดสำหรับสถานการณ์ของคุณ ฉันพูดถึงมันในกรณีที่มีคนตีความว่าคุณต้องใช้ทั้งสองอย่าง
Arthur Hebert
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.