HTML पाठ इनपुट के लिए एक ही चौड़ाई सेट और नीचे इनपुट

Question

छोड़ मैं तो जैसे दो HTML तत्वों के लिए कैसे:

<input type="text"> 

और

<select> 
    <option>Apple</option> 
    <option>Orange</option> 
    <option>Banana</option> 
    <option>Grapes</option> 
</select> 

मैं उन्हें बनाने के लिए सक्षम नहीं हूँ एक ही चौड़ाई। इससे कोई फर्क नहीं पड़ता कि मैं दोनों तत्वों, 100% या 200 पीएक्स या जो कुछ भी के लिए निर्दिष्ट करता हूं, ड्रॉप बॉक्स हमेशा टेक्स्ट बॉक्स की तुलना में लगभग 5px कम लगता है। यह आईई, फ़ायरफ़ॉक्स और क्रोम में होता है - विंडोज़ में।

मैं उन्हें एक ही चौड़ाई के लिए कैसे सेट कर सकता हूं?

समाधान

input, select 
{ 
    -ms-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
} 

Answer 1

this working Example

पर एक नजर डालें आप सीएसएस संशोधित कर सकते हैं बस इसे रखना पसंद:

input, select 
{ 
    width:250px;   
} 

Answer 2

ऐसा क्यों नहीं?

input[type="text"] { 
    width: 200px; 
} 

select { 
    width: 205px; 
}