Tab键Throgh键盘在Mozilla firefox

Question

我有多个文本框，当我按Tab键时，它只关注前两个文本框，然后停止其导航/焦点。它没有去 下一个文本框。该问题仅反映在Mozilla中。我的代码是：

<div class="editor-field">
                    <div >
                        <%: Html.TextBox(model => model.AddressLine1, new { maxLength = 30, style = "width:300px" })%>
                    </div>

<div class="editor-field">
                    <div >
                        <%: Html.TextBox(model => model.AddressLine2, new { maxLength = 30, style = "width:300px" })%>
                    </div>


<div class="editor-label">
                    <%: Html.Label(model => model.AddressCity)%>
                </div>

我的CSS是：

input:focus
{
    outline: 1px dotted black;
}

input[type="text"]:focus
{
    outline:none;       
}

我也尝试设置tabindex =“0”，但它也没有用。可以请任何人帮助我，以便我可以将焦点集中在所有文本框的Tab键按下。如果您再次建议我添加tabindex，请添加完整的代码行我在哪里以及如何添加它。感谢。