整个文本框在asp.net中没有突出显示mvc表格

这是登录表单的代码。从图片可以看出，整个文本框没有突出显示。我错过了什么？

<div class="login"> 

     <div class="login-form"> 

      @using (Html.BeginForm("Login", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form" })) 
      { 
       @Html.AntiForgeryToken() 

       <h2 style="margin-left:-15px">Login</h2> 
       <div id="maintenance"></div> 
       <div class="bg-danger text-danger FailureCont"> 

       </div> 
       <div class="form-group"> 
        <span id="BodyContent_LoginCtrl_UserNameRequired" title="Username is required." class="bg-danger text-danger block" style="visibility:hidden">Username is required.</span> 

        <div class="input-group login-group"> 
         <span class="input-group-addon"> 
          <i class="fa fa-user"></i> 
         </span> 

         <div>@Html.TextBoxFor(m => m.UserName, new { @class = "form-control", placeholder = "Email", aria_required = true })</div> 


         @*@Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" })*@ 
         @* <input name="ctl00$BodyContent$LoginCtrl$UserName" type="text" id="BodyContent_LoginCtrl_UserName" tabindex="1" class="form-control" placeholder="Username" autocomplete="off" disabled="disabled" data-validate="placeholder required" />*@ 


        </div> 
       </div> 
       <div class="form-group"> 
        <span id="BodyContent_LoginCtrl_PasswordRequired" title="Password is required." class="bg-danger text-danger block" style="visibility:hidden;">Password is required.</span> 
        <div class="input-group login-group"> 
         <span class="input-group-addon"> 
          <i class="fa fa-lock"></i> 
         </span> 
         @*<input name="ctl00$BodyContent$LoginCtrl$Password" type="password" id="BodyContent_LoginCtrl_Password" tabindex="2" class="form-control" placeholder="Password" autocomplete="off" disabled="disabled" data-validate="placeholder required" />*@ 

         @Html.PasswordFor(m => m.Password, new { @class = "form-control", placeholder = "Password" }) 

        </div> 
       </div> 

       <div class="form-group"> 
        <div class="col-sm-6 small-side-padding"> 
         <button type="button" class="btn btn-secondary btn-block" id="" onclick="location.href='@Url.Action("Register","Account")'">Register</button> 
        </div> 
        <div class="col-sm-6 small-side-padding"> 
         <input type="submit" class="btn btn-primary btn-block" id="bSummit" value="Login" /> 
         @*<input type="submit" name="ctl00$BodyContent$LoginCtrl$LoadingLoginButton" value="Login" id="BodyContent_LoginCtrl_LoadingLoginButton" class="btn btn-primary btn-block hidden"/>*@ 
        </div> 
       </div> 

       @*<input type="submit" name="ctl00$BodyContent$LoginCtrl$LoginButton" value="Login" class="btn btn-primary btn-block" />*@ 


       <div class="form-group text-center forgottenCont"> 
        Need help with your <a class="forgottenpwd" href="/Account/ForgotPassword.cshtml">username</a> or <a class="forgottenpwd" href="@Url.Action("ForgotPassword","Account")">password</a>? 
       </div> 




      } 


     </div> 
     <div class="text-center login-icons hidden-ph"> 
      <a href="http://twitter.com" target="new"><i class="fa fa-2x fa-twitter"></i></a> 
      <a href="http://www.linkedin.com" target="new"><i class="fa fa-2x fa-linkedin"></i></a> 
      <a href="http://www.facebook.com" target="new"><i class="fa fa-2x fa-facebook"></i></a> 


     </div> 

    </div>

我不知道为什么整个文本框没有突出显示。有人可以告诉我我哪里出错了。谢谢。

来源

2016-09-19 newbie

看起来有些CSS是压倒你的输入字段，如果你不介意，你可以分享你的CSS的.login-组 – Nimmi

  .login-group { 
background: #fff; 
border: 1px solid #ccc;} 
.login-group .form-control { 
border: 0;}

@Nimmi：不知道任何风格在这里覆盖，但由于:)

来源

2016-09-19 15:49:50 lata

整个文本框在asp.net中没有突出显示mvc表格

回答

相关问题