2012-02-21 14 views
115

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

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

क्या कोई मुझे इसे अक्षम करने का समाधान दे सकता है?

+3

अगर मैं आप थे तो मैं इसे छोड़ दूंगा। डिफ़ॉल्ट आयामों को सेट करना मतलब है कि यह आपके डिजाइन में अच्छी तरह से फिट बैठता है, लेकिन यदि उपयोगकर्ता एक बड़ा लेखन क्षेत्र चाहते हैं तो उपयोगकर्ता इसे अभी भी खींच सकता है। मैं इन एसओ टिप्पणी बक्से को खींचने से परेशान नहीं हूं, लेकिन विकल्प हमेशा वहां रहता है। – Bojangles

उत्तर

214

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

अक्षम सभी

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 आप

+1

लेकिन न्यूनतम चौड़ाई i77 और i6 – Marc

+0

पर काम नहीं करेगा ** आईई 8 ** से 'मिनट-चौड़ाई 'शुरू करने के लिए @ समर्थन समर्थन कृपया लिंक देखें http://caniuse.com/#search=min-width – Muhammed

+1

हाँ यह आईई 8 में काम करता है लेकिन ध्यान रखें कि यह आईई 6 और आईई 7 – Marc

10

आप सीएसएस फ़ाइल में इस डाल सकते हैं: इस

textarea 
{ 
    resize: none; 
} 

तरह

textarea { 
    resize: none; 
} 
34

कुछ सीएसएस के साथ या आप केवल ऊर्ध्वाधर चाहते हैं

textarea { resize:vertical; } 

या क्षैतिज

textarea { resize:horizontal; } 

या दोनों (नहीं अपने मामले)

textarea { resize:both; } 
5

अक्षम horizontal और vertical सीमा के साथ के लिए उपयोगी होना चाहिए

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

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

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

संबंधित मुद्दे