farbtastic.jsを使ってinput（入力エリア）にカラーピッカーを表示する方法｜DAD UNION – エンジニア同盟farbtastic.jsを使ってinput（入力エリア）にカラーピッカーを表示する方法をご紹介します。 input（入力エリア）にカラーピッカーを表示するCSSの記述 ※カラーピッカー用の画像（wheel.png、marker.png、mask.png）を.farbtastic .wheel、.farbtastic .overlay、.farbtastic .markerに用意します。必要に応じて変更して下さい。 <style type="text/css"> body{ text-align: center; } h1{ text-align: center; font-size: 22px; padding: 20px 0; line-height: 2em; } .cbox{ width: 250px; margin: 0 auto; } .farbtastic { positio
