CSS 样式 LI 和 LI 内带有 FORM 的 A 标签

Question

当嵌入到 FORM 中时，我在设置 A 标签样式时遇到了一些困难，如下例所示。我希望 LI > FORM > A 看起来与 LI > FORM > A 相同:

<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;
}

Answer 1

您在悬停时或悬停时对其进行样式化时遇到问题吗？悬停时，我看不到任何问题。如果您在悬停时遇到问题，您可以执行以下操作:

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