选项卡焦点未反映在 Mozilla 中

Question

Tab 焦点，用于以下元素在 Mozilla 中不起作用：

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

我的 CSS 是：

editor-field > div > input:focus
{
     outline: 1px dotted red !important;
}

愿我知道我错在哪里。默认标签页导航在 Mozilla Firefox 中不起作用。在Chrome和IE中工作正常。请协助我解决此问题。

Answer 1

你必须使用 Jquery 或 Javascript 来设置焦点，如下所示：

$(document).ready(function() {
    $('.editor-field').first().children().children('input').focus();
});