使用php的動態CSS

Question

目前，我正在研究PHP codeignitor框架。 我有一些屬性，如顏色，字體等，保存在我的數據庫中的一個字段。 我想要做的就是，我在css文件中有一些默認值的類。 像前。 我有一個css類如下：

     .text_box{
           color: pink;
           text-decoration: none;
           background-color: transparent !important;
           transition: all 0.2s ease-in-out 0s;
       }
       .text_box:hover{
             color: blue;
             text-decoration: none;
             background-color: transparent !important;
             transition: all 0.2s ease-in-out 0s;
        }

在我的數據庫中，我已將顏色屬性設置為文本框的黃色。 我想動態地改變它。 意味着當我從輸入字段更改該顏色時，它應該自動轉換為我想要的css屬性中的顏色。

我不確切地知道我的問題是否正確。 我已經調整了許多鏈接，但沒有得到我的方案的相關解決方案。

使用PHP如何創建這樣的動態更改。

謝謝。

Answer 1

你可以使用jQuery來做到這一點。

var color = "value from DB";
$('.text_box').css({ 'color' : color, });

或者在PHP中：

<?php
$color = 'value from DB'; //you have to get the value from db
?>
<style>
.text_box { 
color: <?php echo $color; ?>;
}
</style>

希望這有效。

Answer 2

你可以檢查Smarty

基本上，您從數據庫中讀取值，然后將它們分配給模板，然后您將獲得動態加載的類。

Answer 3

Php或javascript不會直接更改您的css文件，但您要做的是使用Php或javascript動態地為您的HTML元素（具有所需的關聯css）分配ID（＃）。

#pink.text_box{
       color: pink;  //...
}
#blue.text_box{
       color: blue;  //...
}

然后使用您的javascript或php代碼將id分配給您需要的元素

Answer 4

檢查您是否可以使用顏色選擇器工具。 這是我認為最好的解決方案

http://www.dynamicdrive.com/dynamicindex11/yuicolorpicker/

Answer 5

嘗試使用多個css文件

css_red.css css_blue.css css_green.css具有不同的默認顏色。

然后在php中<link href="<?php echo "css_yourcolor";?>.css" >你的樣式表<link href="<?php echo "css_yourcolor";?>.css" >