2009-02-25 23 views
90

में टेक्स्टिंगरा आकार बदलने का हैंडल छुपाएं मैं अपने आवेदन में टेक्स्टरेरा घटकों का उपयोग कर रहा हूं, और मैं उनकी ऊंचाई को गतिशील रूप से नियंत्रित करता हूं। उपयोगकर्ता प्रकार के रूप में, पर्याप्त टेक्स्ट होने पर ऊंचाई बढ़ जाती है। यह आईई, फ़ायरफ़ॉक्स और सफारी पर ठीक काम करता है।सफारी

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

तो, क्या इस आकार के हैंडल को छिपाने के लिए वैसे भी है?

(मुझे यकीन है कि अगर "संभाल" सही शब्द है नहीं कर रहा हूँ, लेकिन मैं एक बेहतर अवधि के बारे में सोच नहीं सकते हैं।)

उत्तर

164

आप सीएसएस के साथ आकार व्यवहार को ओवरराइड कर सकते हैं:

textarea 
{ 
    resize: none; 
} 

या बस

<textarea style="resize: none;">TEXT TEXT TEXT</textarea> 

मान्य गुण हैं: दोनों, क्षैतिज, खड़ी, कोई भी

+22

यहां सख्ती से प्रासंगिक नहीं है, लेकिन सफारी आकार बदलने के लिए न्यूनतम ऊंचाई, अधिकतम ऊंचाई, न्यूनतम चौड़ाई, और अधिकतम-चौड़ाई सीएसएस गुणों का भी सम्मान करता है लेकिन यह कितना दूर आकार बदल सकता है, इस पर सीमा निर्धारित करें। – stevemegson

+1

धन्यवाद! यह वही सवाल पूछने वाला था :) – alex

+0

क्या होगा यदि मैं इसे आकार बदलने के बाद होवर पर दिखाना चाहता हूं: कोई नहीं? –

2

सभी TextArea तत्वों के लिए इस व्यवहार को निष्क्रिय करने के लिए निम्न CSS नियम का उपयोग करें:

textarea { 
    resize: none; 
} 

आप कुछ के लिए यह अक्षम करना चाहते हैं (लेकिन सभी नहीं) TextArea तत्वों, आप कुछ विकल्प हैं (this page के लिए धन्यवाद)।

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

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

या, एक आईडी का उपयोग कर (यानी, <TextArea id="foo"></TextArea>):

#foo { 
    resize: none; 
} 

नोट यह है कि केवल वेबकिट-आधारित ब्राउज़र (यानी सफारी और क्रोम) के लिए प्रासंगिक है, जो TextArea नियंत्रणों में आकार बदलने वाले हैंडल को जोड़ता है।