引导选择框样式冲突

Question

我正在重新设计现有网站的样式，并遇到以下奇怪的错误。 选择框在选项值所在的地方有一个重叠的空白。 我正在附加图像。 带有空白的选择框的图像

我正在使用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，该span / div与select元素重叠或产生白色背景/空白。