PlugIn ColorPicker
inputタグの type="color" を用いたサイトの色編集
概要
サイトの文字色や背景色をインタラクティブに変更するパーツを配置します。＜input type="color"＞ で出現するパネルはブラウザによって異なります。またその動作もブラウザごとに異なっていて、例えば、Chromeでは色選択操作に即反応しますが、Firefoxでは色選択パネルを閉じたタイミングで結果が反映します。
書式
- 文字色の変更
&color_picker_text();&color_picker_text();
- 背景色の変更
&color_picker_bg();&color_picker_bg();
使用例
当サイトでは、サイドバーに置いています。