Mozilla Firefox 中的 Html 选择标签更大？

Question

我使用 Asp.NET Mvc 3 创建网页，因此我检测到我的组合框(html 选择选项标签)在 Firefox 和其他浏览器(Chrome 和 IE)中不同。

我尝试手动将高度添加到我的下拉列表中，但它具有相同的效果。

这是我的部分代码

<div id="filter-box" >
  <div id="car" >
    <p><label>@ViewResources.TuningStrings.GalleryFilterManufacturer</label></p>
    <p>
        @Html.DropDownListFor(m =>m.CarName,new List<SelectListItem>(), new{id="carnames"})
    </p>
   </div>
   <div id="model">
    <p>
        <label>@ViewResources.TuningStrings.GalleryFilterModel</label>
    </p>
    <p>
        @Html.DropDownListFor(m => m.ModelName, new List<SelectListItem>(), new { id = "models"})
    </p>
    </div>
    <div id="year">
    <p>
        <label>@ViewResources.TuningStrings.GalleryFilterIssueYear</label>
    </p>
    <p>
        @Html.DropDownListFor(m => m.Year, new List<SelectListItem>(), new { id = "years" })
    </p>
    </div>

    </div>

所以，我的过滤器按钮相对于我的下拉列表 div 的位置不同，这很烦人。 哪里错了？

Answer 1

HTML Selects 在浏览器之间的大小差异很大。这主要是由于它们看起来彼此不同的方式。这是一个即使重置也很难跨浏览器获得准确标记的标记。