::placeholderプレースホルダーの文字列にスタイルを適用する

::placeholder 疑似要素は、input 要素、および textarea 要素のプレースホルダーの文字列にスタイルを適用します。指定できるプロパティは、フォント、背景関連のプロパティや color プロパティなどに限られます。

Edge(EdgeHTML)では ::-ms-input-placeholder として実装されています。

::placeholderのサンプルソース

input::placeholder {
  color: #e0e0e0;
}

主要ブラウザの対応

IE11 ×
Edge(EdgeHTML) ::-ms-input-placeholder
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

@-規則
メディアクエリ
セレクタ
疑似要素
疑似クラス
CSS関数
背景

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

IE11
Edge(EdgeHTML)
Edge(Chromium)
Firefox
Chrome
Safari
iOS Safari
Android Chrome

このページの上部へ