gulp-autoprefixerで、自動でベンダープレフィックスつけてますが、
placeholderのテキストの色を変えたいときに
:placeholder-shownではダメだったので、こうしたよ、っていう内容です。
はじめに
ベンダープレフィックスなんて嫌いだ！！
とずーっと思ってた私にとって、autoprefixerは天啓でした。神の啓示。神！いや、仏！
でもそんなautoprefixerも設定とかちゃんとしとかないと動かないときあるよね。
例えば、display:grid。
これはIEに対応しようと思うと大変！ だけどデフォルトでは対応してないので、optionにgrid: trueを入れる必要があります。
どう書く？
placeholderの色を変えたいときに
:placeholder-shown だと対応してくれなかったけど
githubの英語のイシュー漁ったら
::placeholder
でやろうぜ！みたいな議論があったので
やってみたら動いてくれました。
style.scss
input::placeholder{
color: red;
}
って書けばいいんだよっと！
まとめ
なんかこんな感じで一応動いたので、記事にしましたが、
もし間違ってたら教えてください。