如何在不刷新页面的情况下从 php var 渲染 css 代码？答案

【问题标题】：How to render css code from php var without page refresh?如何在不刷新页面的情况下从 php var 渲染 css 代码？
【发布时间】：2011-12-16 08:59:09
【问题描述】：

我的页面是用 ajax 和 php 完成的。

我有标签内容，用户可以使用颜色选择器选择颜色。

当用户选择保存他的颜色时，我将新的 CSS 代码存储到数据库中。

这里是 CSS 代码

.browser_content{ background-color: #188072; width: 420px; padding-left: 5px; color: #FFFFFF; -moz-border-radius: 5px; border-radius: 5px; webkit-border-radius: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#188072), to(#333333)); background: -webkit-linear-gradient(top, #188072, #333333); background: -moz-linear-gradient(top, #188072, #333333); background: -ms-linear-gradient(top, #188072, #333333); background: -o-linear-gradient(top, #188072, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#188072, endColorstr=#333333); } 


.hotel_location{ background-color: #999999; }

因此，当用户下次尝试打开此选项卡时，我想将此 css 加载到该页面中。我尝试使用 php 标头，但没有任何反应。

我必须再次注意，没有页面刷新，内容是用ajax加载的，也不能有像.css那样使用的新php文件，必须使用echo，print或类似的东西来解决。

谢谢。

【问题讨论】：

请显示您用于输出自定义 CSS 的实际代码

标签： php css ajax

【解决方案1】：

你可以在你的 php 页面中使用这样的东西：

<style type="text/css">
.your_class
{
<?php
    $colorValues = ... // get user's color settings from db
    echo '    color: ' . $colorValue  . ' !important;'
?>
}
</style>;

【讨论】：

【解决方案2】：

检查一下： http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

【讨论】：

要添加到这个答案，以防它不明显，您将创建一个 php 脚本，返回样式表（内容）（带有正确的标题）并在 JS Ayman 中使用其 url 已链接.