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