चुनें "तीर" IE9

में बूटस्ट्रैप 3 इनपुट समूह में छिपा

मैं निम्नलिखित एचटीएमएल स्टाइल 3 कि आदानों के एक समूह को परिभाषित करता है bootstrap द्वारा है:चुनें "तीर" IE9

<div class="input-group"> 
    <select class="form-control" >Some options here</select> 
    <a class="btn btn-default input-group-addon disabled" title="Legg til" disabled="" href="#" ><i class="glyphicon glyphicon-plus-sign"></i></a> 
</div>

यह सबसे ब्राउज़रों में निम्नलिखित परिणाम देता है (IE10 सहित) :

enter image description here

IE9 में

हालांकि, लटकती के लिए "तीर" याद आ रही है:

enter image description here

कोई भी आईई 9 में इसके लिए एक फिक्स पता है?

स्रोत

2013-12-09 Øyvind Bråthen

मुझे यह समस्या यहां मिली। ऐसा लगता है कि तीर बटन बस प्लस आइकन के साथ बटन के नीचे छिपा हुआ है। तो चयन बॉक्स पूरी चौड़ाई है, और अन्य बटन इसे खत्म कर देते हैं।

तो फिक्स को चुनिंदा बॉक्स में float:left जोड़ने और वॉयला को जोड़ना था!

स्रोत

2013-12-09 13:40:41

आप रॉक करते हैं। अपने प्रश्न का उत्तर पोस्ट करने के लिए धन्यवाद – Christina

इस समस्या से बचने के लिए .input-group-btn उपयोग करना चाहिए:

<div class="container"> 
    <form role="form"> 
    <div class="form-group"> 
     <div class="input-group"> 
     <select class="form-control"> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
     </select> 
     <span class="input-group-btn"> 
      <a class="btn btn-default" href="#"><i class="glyphicon glyphicon-plus-sign"></i></a> 
     </span> 
     </div> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
    </form> 
</div>

स्रोत

2013-12-09 16:27:01 zessx

तुम बस का चयन टैग पर गद्दी को दूर करने की जरूरत है। आपको पहले IE9 के लिए सशर्त कक्षाओं की आवश्यकता होगी।

<!--[if IE 9 ]><html class="ie9"><![endif]-->

फिर बस चयन टैग पर पैडिंग को हटा दें।

.ie9{ 
    select.form-control{ 
    padding: 0 !important;  
    } 
}

स्रोत

2016-08-23 21:50:55

चुनें "तीर" IE9

उत्तर

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