IE対応. フォーカス時に placeholder を空にして、フォーカスが外れたらplaceholderに値をセットする。 現環境では二度手間なのでやりたくはない。もしレガシー環境も考慮している(自前で placeholder を実装している)のであれば、この方法でやる必要がある。 特集：Windows 8.1標準ブラウザー「IE11」正式版での注意点。Windows 8.1正式版がMSDNサブスクライバー向けに公開され、それに標準搭載される「IE11」も正式版となった。しかしこのIE11にはWeb制作者に大きな影響がある「互換性」に関する変更が含まれている。 IE11のエミュレーションモードでIE10を選択した場合では、フォーカスが外れたときも発火します。 回避方法. IE11のエミュレーションモードでIE10を選択した場合では、フォーカスが外れたときも発火します。 回避方法. HTMLにおけるplaceholderとは何か・使い方について、HTML初心者向けに解説します。見やすい画像でplaceholderについて解説しているので、ぜひご覧ください。placeholderを使うときの注意点についても紹介しています。 この不具合（バグ）を回避するには、次の方法で可能です。 placeholder属性を削除する。 keyupイベントやchangeイベントに置き換える。 placeholder属性を削除 IEはCSSのappearanceが使えず、IE11でさえ下のキャプチャのようになってしまいうまくいきません。 ただし、IE10以降であれば、「-ms-expand」疑似要素を使えばselectの矢印ボタンを非表示にすることができます。 /* IE10・IE11用 */ :-ms-input-placeholder { color: #ff5555; } /* Chrome・Safari・Opera用(※1：Edgeでも有効) ... 「フォーカスを得る」とは、テキスト入力欄の場合は「入力欄内にカーソルが入っている状態」を指します。 つまり、上記のCSSは「フォーカスを得たらプレースホルダの文字色を白色にする」と … placeholderの … iOS Safariの場合、input要素のフォントサイズが16px以下で設定されているとフォーカス時に拡大する仕様になっています。入力後も拡大したままになってしまいユーザビリティが低下するためfont-sizeは16px以上で設定しておきます。 font-size:1.6rem; placeholderのテキスト色を変更する. この不具合（バグ）を回避するには、次の方法で可能です。 placeholder属性を削除する。 keyupイベントやchangeイベントに置き換える。 placeholder属性を削除 以前のChrome（16で確認）では入力フォーカスが当たったときにplaceholderが消えていたのですが、19では、文字が入力されるまで表示されるようになっていました。さりげないですがよい変更だと思います。 参考 【html5】フォーム要素サンプル（input編）