:-moz-placeholder

« CSS « CSS リファレンス « Mozilla 拡張仕様

概要

:-moz-placeholderプレースホルダを表示するフォーム要素にマッチします。この擬似クラスにより、Web 開発者やテーマデザイナーがプレースホルダの表示 (デフォルトは薄い灰色) をカスタマイズすることができます。

たとえば、フォームフィールドの背景色をプレースホルダの色と似た色に変更した場合、プレースホルダが目立たなくなりうまく機能しません。しかし、この擬似クラスを利用してプレースホルダの文字色を変更すればいいのです。

この例はプレースホルダの文字色を緑色に変更しています。

<!doctype html>
<html>
<head>
  <title>Placeholder demo</title>
  <style type="text/css">
    input:-moz-placeholder {
      color: green;
    }
  </style>
</head>
<body>
  <input id="test" placeholder="Placeholder text!">
</body>
</html>

View this example live.

Bugzilla

バグ 457801

注記

Note: このページは Gecko 1.9 (Firefox 3) のリリース時に、全く異なる目的 から間違って作られていました。

参考

Document Tags and Contributors

Contributors to this page: ethertank, myakura, Marsf
最終更新者: ethertank,