Question

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

screenshot

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

Answer 1

您可以像打开任何其他HTML页面一样打开site.master。在visual studio designer中，您可以进行代码视图（html）。进入后，您可以根据需要更改的任何元素更改样式表/ html页面（在本例中为主文件）。我假设您知道htm / css正如您在问题中所述。

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

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

Answer 2

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

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

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

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

的颜色

Answer 3

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

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

我正在使用Visual Studio 2013 Professional。

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

的site.css

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

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

Answer 4

请阅读并学习1。

Answer 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：

除了这两个，我删除了＆＃34; div.menu ul li a：hover＆＃34;选择器，＆＃34; div.menu ul li a：visited＆＃34;选择器和＆＃34; div.menu ul li a：active＆＃34;选择器。

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

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

5 个答案: