@Html.PasswordFor not taking bootstrap class
<p>I have the following razor code for displaying the textbox and password</p>

<pre><code> @Html.EditorFor(model =&gt; model.LoginName, new { htmlAttributes = new { @class = "form-control" } })

 @Html.PasswordFor(model =&gt; model.LoginPassword, new { htmlAttributes = new { @class = "form-control" } })
</code></pre>

<p>However, when rendered, the look and feel of textbox is not same as password textbox. Why when the class is same for both?</p>

<p>There isnt any css reference in between the above two lines so wondering about the inconsistency. </p>

<p>Has anyone faced this problem? I would hate to write a custom css just for password textbox for it to look like username textbox.</p>

<p>Thank you</p>

<p><a href="https://i.stack.imgur.com/r4m7d.png" rel="noreferrer"><img src="https://i.stack.imgur.com/r4m7d.png" alt="enter image description here"></a></p>