如何在沒有頁面刷新的情況下從php var渲染css代碼？

Question

我有一個頁面，所有內容都是用ajax和php完成的。

我有in-tab內容，用戶可以用顏色選擇器選擇顏色。

當用戶選擇保存他的顏色時，我將新的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加載的，也不能有新的PHP文件將被用於.css，它必須使用回聲，打印或類似的東西解決。

謝謝。

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