Bootstrap wählen Box-Styling-Konflikt

Question

Ich bin neu-Styling einer bestehenden Website, und sind auf die folgenden seltsamen Fehler gestoßen. Die Auswahlfelder haben einen überlappenden Leerraum, in dem sich die Optionswerte befinden. Ich füge ein Bild an. Image of select box with white space

Ich benutze Bootstrap, um das neue Styling zu tun. Codebeispiel folgt:

 <div class="form-group"> 
      <label class="control-label" for="truckName">Truck:</label> 
      <select class="form-control" name="truckName" id="truckName"> 
       @foreach (var truck in ViewBag.trucks) 
       { 
        <option value="@truck.id">@truck.name</option> 

       } 
      </select> 
     </div> 

Jede Idee, wo ich aussehen könnte dieses Problem lösen würde sehr geschätzt werden.

Answer 1

Ihr Snap wird so angezeigt, als ob die Site etwas pluigin oder Code zum Ändern Ihrer Auswahlfelder enthält, da das Auswahlfeld nicht wie in Ihrem Snap angezeigt wird. Wenn Sie in Ihren Code schauen (auf der Client-Seite, indem Sie das Element inspect des Browsers verwenden), werden Sie feststellen, dass ein Bereich/Bereich verwendet wurde, der sich überlappt oder den weißen Hintergrund/Leerraum über dem Auswahlelement erzeugt.