कैसे आकार बदलने के textarea को निष्क्रिय करने के लिए?

Question

मुझे textarea क्षैतिज आकार को अक्षम करने की आवश्यकता है। कभी-कभी मैं textarea पर ऊर्ध्वाधर आकार की अनुमति देना चाहता हूं।

जब भी मैं एक कॉन्टैक्ट बनाता हूं, तो पेजरैरा मेरे डिजाइन को बदसूरत बना देता है।

किसी ने मुझे कृपया इसे निष्क्रिय करने के लिए एक समाधान दे सकता है?

Comments

कैसे textarea के resizable संपत्ति को निष्क्रिय करने के लिए

— mtpultz

Answer 1

आप सीएसएस का उपयोग कर सकते हैं

सबको सक्षम कर दो

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आपके लिए उपयोगी होना चाहिए

Answer 2

इस तरह कुछ सीएसएस के साथ

textarea
{
   resize: none;
}

या यदि आप केवल ऊर्ध्वाधर चाहते हैं

textarea { resize:vertical; }

या क्षैतिज

textarea { resize:horizontal; } 

या दोनों (आपका मामला नहीं)

textarea { resize:both; } 

Answer 3

आप इसे CSS फ़ाइल में रख सकते हैं:

textarea {
  resize: none;
} 

Answer 4

अक्षम horizontalऔर verticalसीमा के साथ

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

Answer 5

के लिए textareaमैं का इस्तेमाल किया width: 500px !importantऔर height: 350px !important, इसलिए इस CSSकोड उपयोगकर्ता आकार को रोकने, लेकिन आप का उपयोग करना चाहिए यदि आप अन्य टैग नहीं है resize: none, पूरा स्पष्टीकरण के लिए पढ़ने के लिए इस लिंक ।

उदाहरण के लिए, एक के लिए pटैग आप सेट करना होगा overflowएक मूल्य है कि नहीं के साथ संपत्ति visibleऔर फिर सेट resize, none, both, vertical, horizontal।