プレースホルダのベンダープレフィックス別装飾テスト

下記の6つのテキスト入力欄にはplaceholder属性を使ってプレースホルダ文字列が指定してあります。上から順に、IE10・IE11用、Edge用、Chrome・Safari・Opera用、Firefox18以前用、Firefox19以上用のベンダープレフィックスを使って薄い赤色の太字で表示されるよう記述してあります。最後の1つは、CSS4で標準になるかもしれない記述(草案の段階の仕様)です。

TEST1: :-ms-input-placeholder

TEST2: ::-ms-input-placeholder

TEST3: ::-webkit-input-placeholder

TEST4: :-moz-placeholder

TEST5: ::-moz-placeholder

TEST6: ::placeholder

記事に戻る