css - 导航子菜单文本颜色

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