66

WebKit と Firefox では、 内のテキストがinput残ります —実際に何かが入るまで消えません。placeholderfocusinput.val

IE10に同じことを強制する良い方法はありますか?

4

7 に答える 7

45

Internet Explorer Developer Centerの:-ms-input-placeholder 疑似クラスドキュメントは、これが設計どおりに機能していることを暗示しているようです。

プレースホルダー テキストは、フィールドがフォーカスされるまで、つまりフィールドに入力できるようになるまで、指定されたスタイルで表示されます。フィールドにフォーカスがある場合、入力フィールドの通常のスタイルに戻り、プレースホルダー テキストは消えます。

編集:この動作を模倣する必要がある場合は、古いバージョンの IE で動作するプレースホルダー ポリフィル ライブラリ (デフォルト値を設定する、入力ボックスにグレーのテキストをフロートさせるなど) を調べます。それらはおそらくプレースホルダー機能を検出し、ブラウザーに従うため、変更する必要があります。また、これには「ブラウザ検出」コードの匂いがします。

更新: 2014 年 6 月 19 日の Twitter #AskIE 質問セッションで「IE プレースホルダー テキストが消える」という質問が あり、@ IEDevChat は「この動作にはアクティブなバグがあります。次のバージョンで修正される予定です」と回答しました。

于 2013-04-22T02:20:00.337 に答える
10

IE 開発者は、 Twitter IEDevChatでのAskIEセッション中に、これは IE BugList の既知のバグであり、将来のバージョンで修正される予定であると回答しました。

更新:- 残念ながら、プレースホルダーの動作は IE11 でも同じですが、Edge/Spartan バージョンでは動作するようです。

于 2014-06-20T04:10:13.647 に答える
3

IE 10 以降でプレースホルダーをフィールド フォーカスのままにする良い方法はありませんが、ラベルをプレースホルダーに置き換えようとしている場合は、これを参照してください。

http://mozmonkey.com/2014/02/css-only-placeholders-field-labels-ie-float-labels/

これは、プレースホルダーとラベルを組み合わせてユーザー エクスペリエンスを向上させる方法です。

于 2014-05-07T16:36:38.080 に答える
-13

少しググったところ、プレースホルダーのスタイル設定に使用できる CSS 疑似要素と疑似クラスがいくつかあることがわかりました。

input:-ms-input-placeholder:focus{
    color: #999;
}

詳細については、この回答を参照してください: https://stackoverflow.com/a/2610741

于 2013-01-21T20:25:27.453 に答える