placeholderプロパティとplaceholderプロパティのテキスト色の変更方法
1197 ワード
適用範囲:placeholderプロパティは、text、search、url、tel、email、passwordのinputタイプに適用されます.
HTML 5に追加された属性なので互換性に問題があります.ブラウザのサポートについて説明します.
IE 10+、Firefox、Opera、Chrome、Safariはplaceholderプロパティをサポートしています.IE 9および以下のバージョンではinputのplaceholderプロパティはサポートされていません.
このプロンプトテキストには独自のデフォルトの色がありますが、デフォルトの色ではなく、色をカスタマイズしたい場合があります.
異なるブラウザまたは異なるバージョンのブラウザでは、異なる書き方があり、対応する接頭辞が追加されます.
注意:
1、WebKit、Blink、Edgeブラウザなどは-webkit-接頭辞が必要で、二重コロンで、書くときはinputも必要です
2、火狐ブラウザには2つの書き方があります.1つは低バージョンで、1つは高バージョンで、両方とも-moz-接頭辞をつける必要があります.ポイント1:火狐低バージョンではコロン(:)、高バージョンでは二重コロン(:);ポイント2:火狐ブラウザはwebkitカーネルのようにinputをつける必要はありません.
3、placeholder属性はIE 10+のみでサポートされるため、IE 10、IE 11に対する書き方は-ms-接頭辞を付け、コロン(:)を用い、inputをつける必要がある
特に強調します:コロンと二重コロンの問題、そしてinputを加える必要があるかどうか
原文:http://www.cnblogs.com/jf-67/
HTML 5に追加された属性なので互換性に問題があります.ブラウザのサポートについて説明します.
IE 10+、Firefox、Opera、Chrome、Safariはplaceholderプロパティをサポートしています.IE 9および以下のバージョンではinputのplaceholderプロパティはサポートされていません.
このプロンプトテキストには独自のデフォルトの色がありますが、デフォルトの色ではなく、色をカスタマイズしたい場合があります.
異なるブラウザまたは異なるバージョンのブラウザでは、異なる書き方があり、対応する接頭辞が追加されます.
注意:
1、WebKit、Blink、Edgeブラウザなどは-webkit-接頭辞が必要で、二重コロンで、書くときはinputも必要です
2、火狐ブラウザには2つの書き方があります.1つは低バージョンで、1つは高バージョンで、両方とも-moz-接頭辞をつける必要があります.ポイント1:火狐低バージョンではコロン(:)、高バージョンでは二重コロン(:);ポイント2:火狐ブラウザはwebkitカーネルのようにinputをつける必要はありません.
3、placeholder属性はIE 10+のみでサポートされるため、IE 10、IE 11に対する書き方は-ms-接頭辞を付け、コロン(:)を用い、inputをつける必要がある
特に強調します:コロンと二重コロンの問題、そしてinputを加える必要があるかどうか
原文:http://www.cnblogs.com/jf-67/