使用php的動態CSS

目前，我正在研究PHP codeignitor框架。我有一些屬性假設像顏色，字體等保存在我的數據庫中的一個字段。我想要做的是，我在css文件中有一些具有默認值的類。像前一樣。我有一個css類如下：使用php的動態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如何創建這樣的動態更改。

謝謝。

來源

2017-03-03 Punam

你說你想用PHP來做分配顏色，但在加載頁面之前，PHP只能分配。這是你想要的還是你想改變顏色而不重新加載頁面？ – Pacio

添加你想要的PHP代碼，（意思是在哪裏添加這個） –

你可以使用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>

希望這個作品。

來源

2017-03-03 10:34:33 Vimal

嗨Vimal，謝謝你的回覆。其實，我正在開發基於SaaS的應用程序項目。我在標題部分有4個菜單。所以我想製作不同的css文件。是否有其他方式可以放置我的css代碼並按照我的php代碼處理？ – Punam

@喬 - 我認爲動態控制CSS的最佳方式是javascript。 – Vimal

謝謝Vimal，這種方式對我很有用 – Punam

您可以檢查Smarty

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

來源

2017-03-03 10:35:46

PHP或JavaScript不會直接改變你的CSS文件，但你想要做的是使用PHP或JavaScript動態地分配一個ID（＃）到你的HTML元素，你有相關的CSS你想要的。

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

然後使用JavaScript或PHP代碼的ID分配給該元素，你需要

來源

2017-03-03 10:37:39 Pacio

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

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

來源

2017-03-03 10:38:33

嘗試使用像

css_red.css css_blue.css css_green.css多個CSS文件用不同的默認顏色。

然後在PHP的echo樣式表<link href="<?php echo "css_yourcolor";?>.css" >

來源

2017-03-03 10:52:06

使用php的動態CSS

回答

相關問題