标签焦点未反映在 Mozilla 中

Question

以下元素的选项卡焦点在 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();
});