CSS样式LI和A标签,LI在LI中

时间:2015-11-27 02:41:59

标签: css forms html-lists

当嵌入到FORM中时,我在设置A标签时遇到一些困难,如下面的示例所示。我想要LI>表格> A看起来与LI相同>表格>答:

<ul class="dropdown-menu">
  <li>@Html.ActionLink("Change Password", "Manage", "Account")</li>
  <li><a href="#">Another action</a></li>
  <li><form><a href="">Log Off</a></form></li>
  <li role="separator" class="divider"></li>
  <li>@Html.ActionLink("Register", "Register", "Account")</li>
</ul>

我拥有的CSS来自Twitter Bootstrap。这是我期望工作的CSS ...但没有样式化FORM A标签:

.dropdown-menu > li > form > a:hover,
.dropdown-menu > li > form > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

1 个答案:

答案 0 :(得分:0)

您是否有问题将其设置为悬停或悬停?在悬停时,我无法看到任何问题。如果您在悬停时遇到问题,可以执行以下操作:

.dropdown-menu > li > a,
.dropdown-menu > li > form > a{
    color: #262626;
    text-decoration: none;
}