दिलचस्प पोस्ट
मैं केवल कैसे संरक्षित या निजी कंस्ट्रक्टर के साथ एक क्लास पर :: std :: make_shared कॉल करूं? वसंत MVC नियंत्रक में JSON पैरामीटर शैली कोप चेतावनी को दबाने के लिए कैसे? आर में, मैं ggplot2 के scale_fill_brewer में सिर्फ एक मान का रंग मान कैसे बदल सकता हूँ? Matlab: क्या सीटीएल + सी करता है, लेकिन कोड में लागू जावा – नियमित अभिव्यक्ति कोड में टिप्पणियां ढूंढने कौन सा ब्राउज़र ECMAScript 6 के लिए आयात और निर्यात वाक्यविन्यास का समर्थन करता है? कोनेरी 2 घटक में बाहरी सीएसएस शैली लोड करें जीडीबी – पाइप के साथ डीबगिंग PHP में दो-तरफ़ा एन्क्रिप्शन JVM के ढेर का आकार कैसे बढ़ाएं निष्पादक सेवा जो एक समय समाप्ति के बाद कार्य को बीच में आता है क्रॉस जॉय करने और दो तालिकाओं के बीच अल्पविराम के बीच अंतर क्या है? मैं एक मूल घटक में एक मूल घटक को कैसे इंजेक्ट कर सकता हूं? पोस्ट सहित रेट्रोफ़िट 2.0 का उपयोग कर मल्टीपार्ट फॉर्म डेटा पोस्ट करें

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

मैं एक textarea के आकार बदलने योग्य संपत्ति को अक्षम करना चाहता हूं

वर्तमान में, मैं textarea के निचले दाएं कोने पर क्लिक करके और माउस खींचकर एक textarea आकार बदल सकता हूं। मैं इसे कैसे अक्षम कर सकता हूं?

Solutions Collecting From Web of "कैसे textarea के resizable संपत्ति को निष्क्रिय करने के लिए?"

निम्न सीएसएस नियम textarea तत्वों के लिए आकार बदलने के व्यवहार को अक्षम करता है:

 textarea { resize: none; } 

कुछ (लेकिन सभी) textarea लिए इसे अक्षम करने के लिए, कुछ विकल्प हैं

foo (यानी, <textarea name="foo"></textarea> ) पर सेट name विशेषता के साथ एक विशिष्ट textarea को अक्षम करने के लिए:

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

या, id विशेषता का उपयोग करना (यानी, <textarea id="foo"></textarea> ):

 #foo { resize: none; } 

W3C पृष्ठ रिसाइज़िंग के आकारों के संभावित मूल्यों को सूचीबद्ध करता है: कोई नहीं, दोनों, क्षैतिज, ऊर्ध्वाधर, और वारिस:

 textarea { resize: vertical; /* user can resize vertically, but width is fixed */ } 

ब्राउज़रों ने वर्तमान में इस सुविधा का समर्थन करने के लिए एक सभ्य संगतता पृष्ठ की समीक्षा करें। जैसा जॉन हल्का ने टिप्पणी की है, अधिकतम-चौड़ाई, अधिकतम-ऊंचाई, न्यूनतम-चौड़ाई और न्यूनतम ऊंचाई का उपयोग करके सीएसएस में आयामों को और अधिक रोका जा सकता है।

जानना महत्वपूर्ण सुपर:

यह संपत्ति कुछ भी नहीं करती जब तक कि अतिप्रवाह संपत्ति दृश्यमान के अलावा कुछ नहीं होती है, जो कि अधिकांश तत्वों के लिए डिफ़ॉल्ट है आम तौर पर इसका उपयोग करने के लिए, आपको अतिप्रवाह की तरह कुछ सेट करना होगा: स्क्रॉल;

क्रिस सीयियर का उद्धरण, http://css-tricks.com/almanac/properties/r/resize/

सीएसएस में …

 textarea { resize: none; } 

मुझे 2 चीजें मिलीं

प्रथम

 textarea{resize:none} 

यह एक सीएसएस 3 है जो फ़ायरफ़ॉक्स 4 + क्रोम और सफारी के साथ अभी तक संगत नहीं है

एक अन्य प्रारूप सुविधा अतिप्रवाह है: ऑटो स्क्रॉल पट्टी से छुटकारा पाने के लिए खाता डीआईआर विशेषता को ले जाना

कोड और विभिन्न ब्राउज़रों

मूल HTML

 <!DOCTYPE html> <html> <head> </head> <body> <textarea style="overflow:auto;resize:none" rows="13" cols="20"></textarea> </body> </html> 

कुछ ब्राउज़र

  • IE8

यहां छवि विवरण दर्ज करें

  • एफएफ 17.0.1

यहां छवि विवरण दर्ज करें

  • क्रोम

यहां छवि विवरण दर्ज करें

CSS3 के UI तत्वों के लिए एक नया प्रचालक है जो आपको ऐसा करने की अनुमति देगा। संपत्ति का आकार परिवर्तन संपत्ति है तो आप सभी टेक्स्टरेआ तत्वों के आकार को अक्षम करने के लिए निम्न अपनी स्टाइलशीट में जोड़ देंगे:

 textarea { resize: none; } 

यह एक CSS3 संपत्ति है; ब्राउज़र अनुकूलता देखने के लिए संगतता चार्ट का उपयोग करें

निजी तौर पर, मुझे टेक्स्टवेयर तत्वों पर आकार बदलने के लिए बहुत परेशान करना होगा। यह उन स्थितियों में से एक है जहां डिजाइनर उपयोगकर्ता के क्लाइंट को "ब्रेक" करने की कोशिश कर रहा है। यदि आपका डिज़ाइन एक बड़ा टेक्सटेरा को समायोजित नहीं कर सकता है, तो आप फिर से विचार करना चाहेंगे कि आपका डिज़ाइन कैसे काम करता है। कोई भी उपयोगकर्ता textarea { resize: both !important; } जोड़ सकते हैं textarea { resize: both !important; } textarea { resize: both !important; } अपने उपयोगकर्ता स्टाइलशीट को अपनी वरीयता को ओवरराइड करने के लिए

 <textarea style="resize:none" rows="10" placeholder="Enter Text" ></textarea> 

अगर आपको गहरी सहायता की आवश्यकता है तो आप पुराने स्कूल तकनीक का उपयोग कर सकते हैं

 textarea { max-width:/*desired fixed width*/ px; min-width:/*desired fixed width*/ px; min-height:/*desired fixed height*/ px; max-height:/*desired fixed height*/ px; } 

यह html में आसान हो सकता है

 <textarea name="textinput" draggable="false"></textarea> 

यह मेरे लिए काम करता है draggable विशेषता के लिए डिफ़ॉल्ट मान true

महान प्रश्न! Resize प्रॉपर्टी अक्षम करने के लिए, निम्न सीएसएस गुण का उपयोग करें:

 resize: none; 
  • आप या तो इसे एक इनलाइन शैली संपत्ति के रूप में लागू कर सकते हैं:

     <textarea style="resize: none;"></textarea> 
  • या <style>...</style> बीच में <style>...</style> तत्व टैग्स जैसे:

     textarea { resize: none; } 

जोड़ना महत्वपूर्ण यह काम करता है:

 width:325px !important; height:120px !important; outline:none !important; 

रूपरेखा सिर्फ कुछ ब्राउज़र पर नीली रूपरेखा से बचने के लिए है

CSS3 इस समस्या को हल कर सकता है। दुर्भाग्यवश यह केवल आजकल 60% उपयोग किए गए ब्राउज़रों पर समर्थित है

आईई और आईओएस के लिए आप रीसाइजिंग को बंद नहीं कर सकते, लेकिन आप इसकी width और height तय करके textarea आयाम को सीमित कर सकते हैं।

 /* One can also turn on/off specific axis. Defaults to both on. */ textarea { resize:vertical; } /* none|horizontal|vertical|both */ 

डेमो देखें

आप बस का उपयोग करें: resize: none; आपके सीएसएस में

रिसाइज प्रॉपर्टी यह निर्दिष्ट करती है कि उपयोगकर्ता द्वारा एक तत्व का आकार बदलने योग्य है या नहीं।

नोट: रिसाइज प्रॉपर्टी उन तत्वों पर लागू होती है जिनकी गणना अतिप्रवाह मान "दृश्यमान" के अलावा कुछ और है।

साथ ही इस समय IE में समर्थित नहीं का आकार बदलना

आकार बदलने के लिए यहां विभिन्न गुण हैं:

कोई आकार नहीं:

 textarea { resize: none; } 

दोनों तरीकों का आकार बदलें (खड़ी और क्षैतिज रूप से):

 textarea { resize: both; } 

खड़ी रूप से आकार बदलें:

 textarea { resize: vertical; } 

क्षैतिज रूप से आकार बदलें:

 textarea { resize: horizontal; } 

इसके अलावा यदि आपके पास सीएसएस या एचटीएमएल में width और height है, तो यह आपके टेक्स्टरेआ को बड़े ब्राउज़र समर्थन के साथ बदल देगा।

सभी टेक्स्टेरेआ के आकार को अक्षम करने के लिए

 textarea { resize: none; } 

एक विशिष्ट textarea लिए आकार बदलने को अक्षम करने के लिए एक विशेषता name या एक id जोड़ें और उसे किसी चीज़ पर सेट करें। इस मामले में, इसे noresize नाम दिया गया है

 <textarea name='noresize' id='noresize'> </textarea> 

सीएसएस

 /* using the attribute name */ textarea[name=noresize]{ resize: none; } /* or using the id */ #noresize{ resize: none; } 

आप यह सीएसएस resize संपत्ति का उपयोग कर resize हैं।

 textarea { resize: none; } 

आप अपने टेक्स्टरेयर के केवल क्षैतिज या ऊर्ध्वाधर का आकार बदल सकते हैं, इस तरह से:

 textarea { resize: vertical; } textarea { resize: horizontal; } 

अंत में, resize: both आकार परिवर्तनकर्ता को सक्षम करता है

आप jQuery के साथ भी कोशिश कर सकते हैं

 $('textarea').css("resize", "none");