なべしす

独立系SI企業から完全異業種のベンチャー企業に転職、社内のITインフラを整えるべく颯爽と登場した自称天才プログラマー俺のハートフルブログ

CSS フォーム内で文字変換した時に文字が消える!?

Qiita記事はこちら

そんなバカな….

スクリーンショット 2017-01-30 11.08.26.png

消えとるぅー!!

原因は「::selection」

::selectionってのは

selection

みたいに背景色と文字色を指定したら
スクリーンショット 2017-01-30 11.09.45.png
普通こうなるのが
スクリーンショット 2017-01-30 11.10.03.png
こうなる。カッコイイ?

フォーム内で文字変換した時にこの文字色のスタイルがかかるらしい。
なので文字が消えるというよりは、#FFFFFF(白色)になっていんですね。

こうした

フォーム以外にスタイルかかるようにすればいい。

selectionFix

:not()とか初めて使った