Question

我有一个非常难以解决的问题。我正在使用Bootstrap来设计一个站点，但是我还在Bootstrap之后添加了一个自定义样式表来改变一些样式。

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

以下是选择的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中select的样式是关闭的，但我无法弄清楚我的自定义工作表中的声明导致这种情况发生。

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

有没有人知道这里会发生什么？

在Firefox中找不到与Bootstrap冲突的样式

0 个答案: