如何在 ASP.NET / C# 中更改 Site.Master 的主题和颜色？答案

【问题标题】：How do you change the theme and colors of Site.Master in ASP.NET / C#?如何在 ASP.NET / C# 中更改 Site.Master 的主题和颜色？
【发布时间】：2014-12-11 00:09:25
【问题描述】：

我最近刚开始使用 ASP .NET，我已经了解 C# HTML 和 CSS，因此运行一个简单的站点并不难。我找到的所有在线教程和文档，要么是使用 vs2005 ~ 2010 设计师完全可视化的（我讨厌设计师），要么主要是在 VB .NET 中设计和一些部分（我呃......不太热衷于 VB .NET ）。总的来说，大多数只涵盖了 web 开发的基本和简单部分，所以我在掌握 api 方面遇到了问题。无论如何，最困扰我的是我无法更改 Web 控件的外观，css 属性在某些情况下有效，但并非全部有效。 Site.Master 部分几乎完全没有变化。截图：

screenshot

如何更改 Site.Master 的蓝色和浅蓝色？

【问题讨论】：

您可以为您遇到问题的部分发布一些 html 吗？
应该是控制母版页的样式表。 styles/styles.css 或类似的内容，只需在母版页中查找声明即可。
@rudeovski ze bear 问题不在于我的代码，问题在于我不知道要编写什么。我不知道什么代码会改变 site.master 的颜色。我需要示例或者指导和解释。
@Loktar 我确实更改了样式表，“styles/style.css”，但无论我更改什么属性，asp:Menu、asp:MenuItem、.page 等。site.master 头内容保持不变。

标签： c# asp.net css themes

【解决方案1】：

从外观上看，您使用的是 Visual Studio 在创建新项目时为您生成的基本 Web 应用程序网站。

根据这个假设，您需要在/Content/ 文件夹中查找Site.css 文件。在这里面，将是用于网站各种元素的所有样式。

我认为您想要更改的区域是#header、#header h1',#menucontainer,ul#menu`

只需将background 和color 属性更改为您想要的颜色即可。同时更改border的颜色

【讨论】：

很抱歉，但仍然没有任何变化。还有其他我应该改变的地方吗？
你改变了什么？我的回答只是一个假设，因为您没有发布任何关于您的 html/css 的示例。

【解决方案2】：

您可以像打开任何其他 html 页面一样打开 site.master。在 Visual Studio Designer 中，您可以执行代码视图 (html)。在那里，您可以根据需要更改的任何元素对样式表/html 页面（在本例中为您的主文件）进行更改。我假设你知道你在问题中所说的 htm/css。

另一种快速检查html元素的方法是在safari/chrome/firefox/opera中打开页面，右键单击感兴趣的元素并“检查元素”。它会告诉你你需要改变什么。

顺便说一句： <asp:menu 转换为 div。为此元素设置一个类，然后将其添加到您的样式表中。

【讨论】：

Im assuming you know htm/ css as you stated in your question. 呵呵。

【解决方案3】：

我正在寻找的许多元素都在 bootstrap.css 文件中。

但是，我修改了我的 site.css 以覆盖那些样式的元素。

我正在使用 Visual Studio 2013 Professional。

此链接很有帮助。 http://forums.asp.net/t/2009287.aspx?Changing+bootstrap+css

网站.css

.navbar-inverse { 
    background-color: #FFF; 
    }

.navbar-inverse li { 
    font-weight:bold;
    }

【讨论】：

【解决方案4】：

请阅读并学习1。

【讨论】：

【解决方案5】：

Site.Master.cs：

    protected void Page_Load(object sender, EventArgs e)
    {

        foreach (MenuItem m in NavigationMenu.Items)
        {
            if (m.NavigateUrl.ToString() == "~" + HttpContext.Current.Request.Url.LocalPath.ToString())
            {
                m.Selected = true;
            }
            else
            {
                m.Selected = false;
            }
        }

        this.DataBind();
    }

Site.css：

除了这两个之外，我还删除了“div.menu ul li a:hover”选择器、“div.menu ul li a:visited”选择器和“div.menu ul li a:active”选择器。

div.menu ul li a.selected
{
    background-color: #867F27;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a
{
    background-color: #7E5B33;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

【讨论】：