列表项的背景颜色在移动版中没有变化

Question

使用Bootstrap框架，我通过为Navbar下拉列表项定义以下规则来覆盖我的基本CSS。

规则适用于大中断点，但当浏览器宽度达到移动宽度时，我的下拉列表项不会产生红色背景和白色文字效果。

知道应该怎样做才能让它正常工作？

.dropdown-menu > li > a:hover {
        background-color: #aa0000;
        background-image: none;
        color: #fff;
}