Nav SubMenu文本颜色

Question

在小型设备上，我的导航菜单文本颜色不太好，你可以在这里看到：

​

​

在“财务”下面有菜单项。只是颜色不好。我想要白色。

在大型设备上，菜单很好。

​

​

实际上，我希望所有的菜单都是绿色，带有白色文本。

在我的CSS中，我有这个。如何修复子菜单的文本颜色？

普通菜单似乎没问题。

.navbar-custom {
    background: #2B8173;
    color: white;
    border-radius: 0;
}

    .navbar-custom .navbar-nav > li > a {
        color: white;
    }

    .navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        color: white;
        background-color: transparent;
    }

    .navbar-custom .navbar-brand {
        color: white;
    }

Answer 1

jsFiddle

由于没有发布html，所以我不知道导航栏的结构，但是如果您使用Bootstrap 3，请尝试：

.navbar-custom {
background: #2B8173;
color: white;
border-radius: 0;
}

.navbar-custom .navbar-nav > li > a {
    color: white;
}

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: white;
    background-color: transparent;
}

.navbar-custom .navbar-brand {
    color: white;
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu {
background-color: #2B8173;
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
color: #FFF;
}
}