input type="date"で初期値の色を変える方法（選択した日付の色を変える方法）

Question

施設の予約フォームを作っています。
デザインで、値を選択したら文字の色を変更したいと考えています。
（初期値が薄いグレー#FFFFFF、選択したら濃いグレー#666666に）
いくつか検索したうえで分からなかったので質問させていただきたいです。
（placeholderの色を変えることやselectタグの初期値の色を変える方法を試しましたが無理でした。）

<div  class="mt20"><input  type="date" name="date" class="form"></div>

「年／月／日」が薄いグレー#FFFFFF
選択した日付が濃いグレー#666666
になるようにしたいと思っております。

方法をご教示いただけますと幸いです。
よろしくお願いいたします。

Answer 1

type=date自体の実装がブラウザによるので、色や挙動を制御したいならtypeに任せずカレンダー系のプラグイン使うしかないと思います。

Comments

[lily0630]

ありがとうございます！
プラグインで検討します。とても助かりました。