bootstrap select box styling conflict

Question

Я переустанавливаю существующий веб-сайт и натолкнулся на следующую странную ошибку. В прямоугольниках выбора есть перекрывающееся пустое пространство, в котором находятся значения параметров. У меня есть изображение. Image of select box with white space

Я использую bootstrap для создания нового стиля. Пример кода следующим образом:

 <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> 

Любая идея, где я мог бы выглядеть, чтобы решить эту проблему будет очень высоко ценится.

Answer 1

Ваша привязка отображается так, как если бы на сайте был какой-то плюигин или код, чтобы изменить ваши поля выбора, поскольку поле выбора не отображается так, как в вашей привязке. Если вы посмотрите на свой код (с клиентской стороны, используя функцию проверки элементов браузера), вы увидите, что используется некоторый span/div, который перекрывает или создает белый фон/белое пространство над элементом select.