プレースホルダー疑似要素

疑似要素 placeholder は、 placeholder ヒントのスタイルを input タグ または textarea タグ内で設定します。

構文

cssセレクター::placeholder {
  color: red;
}

例

プレースホルダーを赤色に変更してみましょう:

html<input type="text" placeholder="ヒント">

cssinput::placeholder {
  color: red;
}

Результат:

例 . textarea内のプレースホルダー

textarea タグ内のプレースホルダーを赤色に変更します:

html<textarea placeholder="ヒント"></textarea>

csstextarea::placeholder {
  color: red;
}

Результат:

関連項目