CSS如何避免一个元素样式实际一（ASP.NET）

Question

我有一个用户菜单下拉菜单：

<ul class="dropdown-menu"> 
          <li><a href="javascript:void(0)"> Profile</a></li> 
          <li><a href="javascript:void(0)"><span class="badge badge-success pull-right">5</span> Settings </a></li> 
          <li><a href="javascript:void(0)"> Lock screen</a></li> 
          <li class="divider"></li> 

          @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) 
          { 
           @Html.AntiForgeryToken() 

           <li><a href="javascript:document.getElementById('logoutForm').submit()"> Logout</a></li> 
          } 
         </ul> 

添加@Html.BeginForm打破我的下拉菜单的样式。

我如何能避免添加额外的造型到我的下拉元素任何线索？

Answer 1

因为你把那个伤了你的列表布局的形式，把形式<li></li>

列表里面已经有布局

<ul> 
    <li></li> 
</ul> 

@html.beginform并实际呈现形式让你的HTML看起来像

<ul> 
    <li></li> 
    <form> 
    <li><a href="#0"></a></li> 
    </form> 
</ul> 

所以改成这个

<ul class="dropdown-menu"> 
    <li><a href="javascript:void(0)"> Profile</a></li> 
    <li><a href="javascript:void(0)"><span class="badge badge-success pull-right">5</span> Settings </a></li> 
    <li><a href="javascript:void(0)"> Lock screen</a></li> 
    <li class="divider"></li> 
    <li> @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) 
     { 
      @Html.AntiForgeryToken() 
      <a href="javascript:document.getElementById('logoutForm').submit()"> Logout</a> 
     } 
    </li> 
</ul>