html - Textarea की resizable संपत्ति को अक्षम कैसे करें?



css (11)

मैं एक textarea की resizable संपत्ति को अक्षम करना चाहता हूँ।

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


Answer #1

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

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

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

डेमो देखें


Answer #2

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

textarea { resize: none; }

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

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


Answer #3

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

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

Answer #4

आप इस तरह textarea संपत्ति को आसानी से अक्षम कर सकते हैं:

textarea{
    resize: none;
}

लंबवत या क्षैतिज आकार बदलने के लिए, उपयोग करें

resize: vertical;

या

resize: horizontal;

Answer #5

इसे इस्तेमाल करे:

#foo {
    resize: none;
}
<textarea rows="4" cols="50" name="foo" id="foo">
Minisoft is the best Website and Software Development company providing various IT services to individual and corporate clients globally. http://minisoft.com.bd
</textarea>


Answer #6

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

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

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


Answer #7

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

प्रथम

textarea{resize:none}

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

एक अन्य प्रारूप सुविधा overflow:auto dir विशेषता में सही स्क्रॉलबार से छुटकारा पाने के लिए overflow:auto

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

बेसिक एचटीएमएल

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

कुछ ब्राउज़रों

  • IE8

  • एफएफ 17.0.1

  • क्रोम


Answer #8

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

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;
}

Answer #9

सभी textarea के लिए आकार बदलने के लिए

textarea {
    resize: none;
}

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

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

सीएसएस

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

#noresize{
resize: none;
}

Answer #10

सीएसएस में ...

textarea {
    resize: none;
}

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




css