引导选择框样式冲突

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元素上重叠或产生白色背景/空白区域。