sanitize.cssを使っているとChromeでinputに入力時に文字が消える

  • 1
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

OSX + Chromeでinputエリアで入力して変換しようとするとこんなんなる。

スクリーンショット 2016-05-05 15.26.23.png

どうも::selection要素が悪さをしているらしい。

::selectionって何よって、調べてみたら非標準な疑似要素らしい。
https://developer.mozilla.org/ja/docs/Web/CSS/::selection

該当するCSSを削除するかcolorを#000000にすると解消する。(適当)

sanitize.css
/* specify the background color, font color, and drop shadow of text selections */

::-moz-selection {
    background-color: #b3d4fc; /* required when declaring ::selection */
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background-color: #b3d4fc; /* required when declaring ::selection */
    color: #ffffff;
    text-shadow: none;
}