कैसे IE

Question

के लिए इस इनपुट बॉक्स पर ऊर्ध्वाधर- align पाठ करने के लिए मैं this कोड है:

<input type="text" class="contactInput" value="my string"> 

.contactInput 
{ 
    border:0; 
    margin:0; 
    padding:0; 
    background-color:#000000; 
    color:#ffffff; 
    height:22px; 
    width:290px; 
    padding-left:5px; 
} 

और मैं करना चाहते हैं यह ऊर्ध्वाधर- align। फ़ायरफ़ॉक्स और क्रोम स्वचालित रूप से (IE9 के रूप में) करते हैं। आईई 8 या 7 शीर्ष पर है।

मैं इसे सीएसएस के साथ कैसे कर सकता हूं?

Answer 1

मान लें कि आप केंद्र में लंबवत रूप से संरेखित हैं, तो आप इसे करने के लिए line-height सीएसएस संपत्ति का उपयोग कर सकते हैं। बस इसे तत्व के height जैसा ही सेट करें।

Answer 2

क्रोम में लाइन-ऊंचाई के साथ एक समस्या है। जब इनलाइन-ऊंचाई == ऊंचाई तब संपादन बॉक्स चुनने पर क्रोम बड़े कर्सर प्रदर्शित करता है। जब आप कर्सर टाइप करना प्रारंभ करते हैं। संभव समाधान पैडिंग का उपयोग करना है (शीर्ष & नीचे)। आपके मामले में:

height: 18px; 
padding-top: 4px; 

Answer 3

वेबकिट के लिए, विशाल कर्सर से बचने के लिए पैडिंग का उपयोग करना बेहतर है।

line-height: 14px/*to enclose 13px font, override this if needed*/; 
    height: 14px/*to enclose 13px font, override this if needed*/; 
    /*Padding is needed to avoid giant cursor in webkit, which we get if 
    height = line-height = 22px.*/ 
    padding: 6px 8px;