Tab Focus not reflecting in Mozilla Firefox during normal Navigation using Tab key of keyboard.

See more:

CSS3

HTML5

Tab

MVC5

Tab Focus for following elements not working in 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>

My CSS is like this:

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

What I want is focus should occur when I navigate Normally by Tab Key of the Keyboard. Issue facing when I am using Firefox.Can you please assist me to fix by changing in CSS.Not much friendly with JS and Jquery?

Thanks