MS Edge で placeholderが消えてしまう問題の解決

goto_jp 86views 更新:2016年10月31日

Windows10のEdgeでフォームを確認したら、inputフィールドからplaceholderが消えてしまっていた。

同じくWin10のIE11で確認したらplaceholderがちゃんと表示されていたので、何退化しとんじゃと思って対策を調べたらバッチリとEdgeのバグでした。

https://connect.microsoft.com/IE/feedback/details/1627778/microsoft-edge-placeholder-bug

以下のCSSで解決します。

::-webkit-input-placeholder {
  opacity: 1;
}

なぜかplaceholderが透明になっているようで、それを戻してやればいいという形です。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません