プレースホルダー疑似要素
疑似要素 placeholder は、
placeholder ヒントのスタイルを
input タグ
または textarea タグ内で設定します。
構文
セレクター::placeholder {
color: red;
}
例
プレースホルダーを赤色に変更してみましょう:
<input type="text" placeholder="ヒント">
input::placeholder {
color: red;
}
:
例 . textarea内のプレースホルダー
textarea タグ内のプレースホルダーを赤色に変更します:
<textarea placeholder="ヒント"></textarea>
textarea::placeholder {
color: red;
}
:
関連項目
-
入力フィールドにヒントを設定する属性
placeholder -
プレースホルダーが表示されている入力フィールドのスタイルを設定する疑似クラス
placeholder-shown
