jquery - 带有 Jquery 的 Web 基础应用程序的颜色主题选择器

标签 jquery html css

我正在开发一个网络应用程序,我想让用户能够更改内容的主题。我基本上需要更改 css 背景、文本和边框的颜色。该应用程序有许多不同的类和 ID,但主要有 4 种需要替换的重复颜色。

我的问题是:

使用 Jquery 更改颜色的最有效方法是什么?

谢谢。

最佳答案

在根元素或主体上设置一个类,如:

<body class="raw_umber">

根据这些类编写您的 CSS 规则,例如:

.raw_umber h1 {
    color:#7B4A12;
}
.blue h1 {
    color:#00c;
}
...

然后使用 jQuery 更改该类。

编辑

.raw_umber .some_class {
    border-color: #7B4A12;
}
.raw_umber .some_other_class {
    color:#7B4A12;
}

那些是其他规则的例子。但我无法解释您需要的每条可能规则。

关于jquery - 带有 Jquery 的 Web 基础应用程序的颜色主题选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17309466/

相关文章:

css - 类属性不适用于按钮

javascript - JQuery 隐藏最接近的类名不起作用

jquery - 当在 Visual Studio for jquery 中输入 $( 时...它会自动转换为 $addHandler(

始终使用 'live' 的 jQuery 缺点

javascript - 打开新的 html 页面而不是当前页面(Ajax.JQuery)

javascript - 如何在此文本区域中转义 ’ 以便 onblur 和 onfocus 起作用?

html - 如何防止我的 ul 列表断线? [duplicate3 - 仍然找不到解决方案]

javascript - 自动完成搜索中的大/小字母

javascript - App.js 拒绝应用样式,拒绝执行脚本

html - 如何在滚动条中水平显示图像?