javascript - Bootstrap 选择框样式冲突

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

您的 snap 看起来好像该站点有一些插件或代码来修改您的选择框，因为选择框不会像您的 snap 中那样出现。如果您查看您的代码(在客户端，使用浏览器的检查元素功能)，您会发现使用了一些 span/div，它们重叠或在选择元素上产生白色背景/空白。