Question

我有一个页面，其中所有内容都是用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或类似的东西来解决。< / p>

感谢。

Answer 1

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

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

Answer 2

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

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

2 个答案: