-1

我需要更改现有购物车网站的颜色和背景，使所有背景均为蓝色，所有文本均为黑色。

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

本网站使用 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 menubar、breadcrumb、fancybox、pikachoose jcarousel 插件。

4

3 回答 3

1

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

如果没有很好的失败机会并最终花费更多时间进行修复，就没有捷径可以完成此类工作。

更好的是：-

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

如果您有任何机会使用主题创建一个新主题，如果不考虑拥有主题。

于 2013-06-10T10:46:05.830 回答
1

首先，您不会为此使用 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”是您要更改的文件。

于 2013-06-10T10:47:07.167 回答
0

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>
于 2016-03-31T14:07:55.190 回答