javascript - 从 javascript 修改外部样式表

Question

我有一个应用程序，其中有一个 jQuery 颜色选择器。我将获得用户选择的颜色的值，然后将其放入 session 变量中。现在我想根据所选的颜色修改外部样式表的内容。

例子:

在外部“style.css”中，我喜欢 .topbox{ background: #dedede; }

现在用户选择颜色选择器后，背景的值应该被覆盖

Answer 1

您无法永久修改外部 CSS，但您可以使用 jQuery 轻松更改页面上元素的 CSS。

var colour = "#cecece"; // returned from colour picker
$("#element").css("background-color",colour);

---

编辑:啊，我的错。没有意识到你正在做服务器端。我不建议尝试修改文件本身。相反，我会建议有一个临时的东西(存储在数据库中的值或具有良好结构且可以更新的 XML 文件)，然后根据这些值重新创建 CSS 文件。

通过对服务器执行 AJAX 调用，您可以在更改颜色选择器时自动保存值。无论你的颜色选择器调用什么事件，都会有类似的东西:

$.ajax({
   url:'/update/', 
   data: {'name' : 'background-color', 'value' : colourFromPicker },
   success: function(data){ console.log(data); }
});

当然 - 一切都取决于您的服务器端代码，但它确实给出了可以做什么的示例。