mozilla
Your Search Results

    :-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) のリリース時に、全く異なる目的 から間違って作られていました。

    参考

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

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