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を使用して、必要なCSSがあるHTML要素にid（＃）を動的に割り当てます。その後、

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

そして、あなたは、カラーピッカーツールを使用することができます場合は、

Answer 4

チェックを必要とする要素にIDを割り当てるために、あなたのjavascriptやPHPのコードを使用します。これは私が

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

Answer 5

が異なるデフォルトの色と

css_red.css css_blue.css css_green.cssのような複数のCSSファイルを使用してみてください考える最適なソリューションです。

次にPHPで、あなたのスタイルシートあなたは色を割り当てる行うためにPHPを使用したいと言う<link href="<?php echo "css_yourcolor";?>.css" >