javascript - CSS设置鼠标悬停时下拉列表的背景颜色

Question

在我的 MVC Razor 布局 View 中，我试图在鼠标悬停时设置下拉列表的背景颜色:

The list looks like this:
            <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Partner <b class="caret"></b></a>
                                    <ul class="dropdown-menu" style="background-color:#080808">
                                        <li class="marv-main-li">@Html.ActionLink("Test1", "Action1", "Partner")</li>
                                        <li class="marv-main-li">@Html.ActionLink("Test2","Action2","Partner")</li>

                                        <li class="marv-main-li">@Html.ActionLink("Test3","Action3","Partner")</li>
                                        <li class="marv-main-li">@Html.ActionLink("Test4","Action4","Partner")</li>
                                    </ul>
                                </li>}

我尝试了这个没有用的 css:

 .dropdown .dropdown-menu .li a:hover {
                background-color: #06fa12;

            }

如何在鼠标悬停事件中更改下拉列表中文本的背景颜色？

我正在使用 Twitter bootsrtap 3

Answer 1

自 <li>不是类，您应该删除样式表中 li 之前的点。

像这样

.dropdown .dropdown-menu li a:hover {
            background-color: #06fa12;
        }