0

我有一个非常奇怪的问题，我无法弄清楚。我正在使用 Bootstrap 来设计一个网站，但我还在 Bootstrap 之后包含了一个自定义样式表来更改一些样式。

我遇到的问题是，在 Mac 上的 Firefox 版本 23.0.1 中，选择列表中的文本垂直偏离中心。它太高了。选项的样式也关闭了，这意味着它们没有引导程序通常应用的适当填充。

这是选择的 HTML：

<select name="sort" id="sort" style="display:inline-block;width:400px;margin-top:20px;margin-left:20px;"class="form-control" onchange="this.form.submit()">
    <option %%GLOBAL_SortFeaturedSelected%% value="featured">%%LNG_FeaturedItems%%</option>
    <option %%GLOBAL_SortNewestSelected%% value="newest">%%LNG_NewestItems%%</option>
    <option %%GLOBAL_SortBestSellingSelected%% value="bestselling">%%LNG_Bestselling%%</option>
    <option %%GLOBAL_SortAlphaAsc%% value="alphaasc">%%LNG_AlphaAsc%%</option>
    <option %%GLOBAL_SortAlphaDesc%% value="alphadesc">%%LNG_AlphaDesc%%</option>
    <option %%GLOBAL_SortAvgReview%% value="avgcustomerreview">%%LNG_AvgCustomerReview%%</option>
    <option %%GLOBAL_SortPriceAsc%% value="priceasc">%%LNG_PriceAsc%%</option>
    <option %%GLOBAL_SortPriceDesc%% value="pricedesc">%%LNG_PriceDesc%%</option>
</select>

当我删除我的自定义样式表时，选择列表正确显示。这是一个包含 Bootstrap 和我的样式表的 jsfiddle：

http://jsfiddle.net/VrenT/1/

这是完全相同的 jsfiddle，除了删除了我的样式表并且只包含了 Bootstrap：

http://jsfiddle.net/UwwvU/1/

如您所见，第一个 jsfiddle 中选择的样式已关闭，但我无法弄清楚我的自定义工作表中的什么声明导致这种情况发生。

我在 Chrome 中没有看到这个问题，我什至在 PC 上相同版本的 Firefox 中也没有看到它。

有谁知道这里可能发生了什么？

4

0 回答 0