MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

これは実験段階の機能です。
この機能は複数のブラウザーで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザーの将来のバージョンで変更になる可能性があることに注意してください。

CSS::placeholder 疑似要素は、 form 要素のプレースホルダー文字列を表します。

::placeholder {
  color: blue;
  font-size: 1.5em;
}

セレクターに ::placeholder を使ったルールに使用できるのは、::first-line 疑似要素に適用できる CSS プロパティだけです。

メモ: Firefox では、プレースホルダー文字列の外見は既定で半透明の灰色です。

構文

::placeholder

HTML

<input placeholder="何か入力してください!">

CSS

input::placeholder {
  color: red;
  font-size: 1.2em;
  font-style: italic;
}

結果

仕様書

仕様 ステータス コメント
CSS Pseudo-Elements Level 4
::placeholder の定義
草案 初期定義。

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート

57

有り -webkit-

有り -webkit-

51

有り -moz-

10 -ms-

44

有り -webkit-

10.1

5 -webkit-

機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本サポート

57

2.1 -webkit-

57

有り -webkit-

有り -webkit-

52

有り -moz-

37 -webkit-

10.3

4.3 -webkit-

?

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: mfuji09, YuichiNukiyama
 最終更新者: mfuji09,