2012-10-15 21 views
18

इस प्रश्न के लिए खेद है, लेकिन मुझे कहीं भी एक जवाब नहीं मिल रहा है। मेरे पास सीएसएस कोड है जो मेरे टेक्स्ट बॉक्स की ऊंचाई निर्धारित करना चाहिए। मैं विंडोज फोन के लिए वीएस -2010 एक्सप्रेस का उपयोग कर रहा हूं, एचटीएमएल/सीएसएस/जावास्क्रिप्ट/सी # में कोडिंग।सीएसएस में इनपुट (टेक्स्ट) फ़ील्ड की ऊंचाई कैसे सेट करें?

एचटीएमएल

<input class="heighttext" type="text" id="name"> 

सीएसएस

.heighttext{ 
    height:30px 
} 

मैं मुझे पसंद है कुछ भी करने के लिए ऊंचाई सेट कर सकते हैं, लेकिन पाठ बॉक्स वैसा ही रहेगा! कृपया मदद करें, या कम से कम मुझे एक लिंक भेजें जो कर सकते हैं!

+0

अर्धविराम लगता है आपके सीएसएस कोड – Jayy

+4

में गायब है ठीक है, [यह मेरे लिए काम करता है] (http://jsfiddle.net/vMwYD/)। @ काइपा: * अंतिम * सीएसएस नियम के लिए सेमी-कोलन वैकल्पिक है। –

+0

सही, अब मिल गया। यह वैकल्पिक है! – Jayy

उत्तर

26

padding और line-height साथ प्रयास करें -

input[type="text"]{ padding: 20px 10px; line-height: 28px; } 
+0

@ दीपक यह मेरे लिए बहुत अच्छा काम करता है !, लेकिन क्या मैं आपसे पूछ सकता हूं कि पैडिंग में 2 गुण क्यों हैं? और मुझे इसे थोड़ा छोटा करने के लिए किसको बदलना चाहिए? तुमने वास्तव में मेरी मदद की! – Arrie

+2

@Arrie यह पैडिंग के लिए एक छोटा सा हाथ है: 20px 10px 20px 10px;/* शीर्ष दाएं नीचे बाएं */और दो मान पैडिंग के साथ: 20px 10px;/* ऊपर-नीचे बाएं-दाएं */... उम्मीद है कि यह स्पष्ट है :) – Dipak

0

आप शैली पार मंच/ब्राउज़र को यह शैली कोड

.heighttext{ 
float:right; 
height:30px; 
width:70px; 
} 
2

प्रपत्र नियंत्रण बेहद मुश्किल हैं का उपयोग करें। कुछ ब्राउज़र एक सीएसएस height नियम का सम्मान करेंगे, कुछ नहीं करेंगे।

आप line-height कोशिश कर सकते हैं या top और bottom padding भी (display:block; या display:inline-block; आवश्यकता हो सकती है)। यदि उन में से कोई भी काम, कि काफी है यह - एक ग्राफिक का उपयोग करें, स्थिति केंद्र में input और सेट border:none; तो यह लगता है कि फ़ॉर्म नियंत्रण जैसे बड़े है लेकिन यह वास्तव में नहीं है ...

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