如何更改导航栏字体颜色 (ASP.NET)答案

【问题标题】：How to change Nav bar font colors (ASP.NET)如何更改导航栏字体颜色 (ASP.NET)
【发布时间】：2018-07-26 14:03:39
【问题描述】：

我目前正在尝试通过创建一个新的默认 ASP.NET Web 应用程序 (.Net Framework) 来创建一个基于 Web 的页面，我发现我可以通过添加以下代码来更改导航栏的颜色内容文件中的“Site.css”。

.navbar-inverse {
background-color: #74D6FF;
border-color: #74D6FF;
}

我还知道，我可以通过修改 Site.Master 来更改导航栏中所有不同文本选项卡的文本。

我还没有弄清楚的一件事是如何更改导航栏中文本的颜色？有人可以帮我解决这个问题吗？

【问题讨论】：

标签： css asp.net visual-studio

【解决方案1】：

当前活动页面：

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a {
    color: #xxxxxx;
}

当前活动页面（悬停时）：

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #xxxxxx;
}

其他页面：

.navbar-inverse .navbar-nav > li > a {
    color: #xxxxxx;
}

其他页面（悬停时）：

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #xxxxxx;
}

【讨论】：

添加以下代码似乎改变了导航栏上选项卡文本的颜色，但并没有改变主/第一个按钮的颜色。 .navbar-inverse .navbar-nav > li > a { color: #xxxxxx; } gyazo.com/7b2eeb38c75360afc5c40e81977a002b
我很难在没有看到代码的情况下提供帮助。你知道如何使用浏览器的开发者工具（F12）吗？您可以选择元素并查看它使用的是哪个 CSS 类。

【解决方案2】：

我没有使用 ASP.NET 的经验，但你只是用 css 更改字体颜色吗？那么这应该可以工作。

.navbar-inverse {
    background-color: #74D6FF;
    border-color: #74D6FF;
    color: #VALUE;
}

【讨论】：