Question

我需要更改现有购物车网站的颜色和背景，以便所有背景都是蓝色，所有文本都是黑色。

当鼠标悬停在锚元素上时，其背景应变为灰色。

此站点使用jquery，jquery插件，jquery-ui设计， ASP.NET / Mono MVC3，Razor视图。。使用了jquery ui默认主题，但是在非jquery ui css文件中可以使用颜色和背景。

有很多css文件，因此更改所有这些文件是很多工作。

如何实现？是否可以在页面上添加一些jquery或其他插件javascript代码进行调整或其他想法？

应该更改为使用蓝色和黑色。如何实现这个？

更新

大多数css文件都包含在Razon Site.cshtml文件中，该文件是所有文件的母版页。 css文件是静态的，并出现在每个页面的开头：

<link rel="stylesheet" href="/comp/themes/base/jquery.ui.all.css"
    type="text/css" title="ui-theme" />
<link href="/comp/Content/Css/jquery.ui.menubar.css" rel="stylesheet"
    type="text/css" />

<link href="/comp/Scripts/jBreadCrumb/Styles/BreadCrumb.css" rel="stylesheet"
    type="text/css" media="screen" />
<link href="/comp/Scripts/Pikachoose/jquery.fancybox.css" rel="stylesheet"
    type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="/comp/Scripts/jcarousel-0.2/skins/tango/skin.css" />
<link href="/comp/Content/Css/Site.css" rel="stylesheet" type="text/css" />

使用jquery-ui菜单栏，面包屑，fancybox，pikachoose jcarousel插件。

Answer 1

通过将样式应用于body标签可以实现更改页面的背景颜色，但由于现有的css，您的页面很可能会有有线字体，因此要求您花更多时间查找单个修复然后创建新的一个，

如果没有很好的失败机会并且最终花费更多时间修复这种工作，就没有捷径可以做。

最好是： -

创建css文件的副本并在那里进行更改，现在更改路径以指向此新css。

如果您正在使用主题，请创建新主题，如果不考虑主题。

Answer 2

首先，您不会使用JavaScript，因为它会产生额外的加载时间，对于禁用JavaScript的用户不起作用，而且完全没必要。

要更改网页的背景颜色，您需要找到body标记并添加或更改其background（或background-color）属性：

body {
    background:#F00; /* #F00 being the hex representation of "red" */
}

您的网站可能有多个CSS文件，但它应该有一个全局CSS文件，用于已应用于所有页面的样式。如果不是的情况，您应该考虑将任何常用的样式合并到一个文件中，并将其包含在所有页面中。

如果更改body样式没有更改任何内容，则需要找出该网站目前从哪里获取其背景信息。如果声明了body { background:...; }的两个文件，则后者包含的CSS文件将覆盖前者。也就是说，您可以通过咨询浏览器的Element Inspector轻松找到正在拉出的颜色，以找到正文的“计算样式”。

根据您的最新编辑

编辑，按文件名“/comp/Content/Css/Site.css”输入您想要更改的文件。

Answer 3

KISS原则：将其放在.js文件中，并在head中引用它，或将其作为脚本放在head标记中。

JavaScript的：

function colorset(x,y)
{
    document.body.style.background = x;    
    document.getElementById('ElementID').style.color = y;
}

HTML：

<a href="javascript:colorset('#000','#fff');">white on black</a>

如何改变整个网站的颜色和背景

3 个答案: