1分で読める!【CSS】placeholder属性の色を変更する方法

f:id:ume1017:20201126182412j:plain



本日のテーマは、

フォームのプレースホルダーの文字色を変更する方法です!

 

placeholder属性とは?

inputタグで実装できる入力フォーム内に

表示する文字のことです。

 

<サンプルコード>

<input type="text" placeholder="Email Address">

 

通常、placeholder属性で指定した文字の色は、

グレーっぽい色をしています。

 

placeholderの文字の色を調整する方法

input::placeholderセレクタで指定すればOKです!

 

input::placeholder {
color: #ccc;
}