placeholder(プレースホルダ―)属性へcssを適用する為の記述

執筆: UZUREA編集部 アイコン UZUREA編集部

この記事をSNSでシェア

HTML and CSS Tips. placeholder

input要素のplaceholder属性へスタイルを適用したい時は下記の記述でOK。

::placeholder {
	color: #ccc;
} 

ちなみに、コロンは2つが必須

Formの入力欄に予め入力例を示して置く事ができます

placeholderで上記のようにFormの入力欄に入力例を示しておく事ができます。

対応状況

モダンブラウザの十分な対応状況をみるに、ベンダーブレフィックスはもう必要無いのじゃないでしょうか。
※筆者の個人的見解です!

……そうです、uzurea.netの運営会社はweb制作会社なのです。
スポンサーリンク
記載内容につきまして

掲載記事に関しまして

当サイトの掲載記事は、UZUREA.NETスタッフやパートナーライターの主観によって執筆しています。内容については、実際の事象やスペック、用途と異なる場合がございます。
また記載する製品やサービスの内容が正式スペックや保証範囲の適用外となる場合もありますので、あらかじめご了承ください。

この記事をSNSでシェア