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

时间:2011-08-04 14:00:09

标签: html css asp.net-mvc-3 firefox

我使用Asp.NET Mvc 3创建网页,因此我发现我的组合框(html select-option标签)在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有不同的位置,这很烦人。 错误在哪里?

1 个答案:

答案 0 :(得分:2)

在大小方面,HTML选择在浏览器之间非常不同。这主要是由于他们看起来彼此不同的方式。这是一个标签,即使重置也难以获得精确的跨浏览器。