autoprefixerでinputとかのplaceholderのテキストの色をcssで変えたいとき
gulp-autoprefixerで、自動でベンダープレフィックスつけてますが、
placeholderのテキストの色を変えたいときに
:placeholder-shownではダメだったので、こうしたよ、っていう内容です。
はじめに
ベンダープレフィックスなんて嫌いだ！！
とずーっと思ってた私にとって、autoprefixerは天啓でした。神の啓示。神！いや、仏！
でもそんなautoprefixerも設定とかちゃんとしとかないと動かないときあるよね。
例えば、display:grid。
これはIEに対応しようと思うと大変！ だけどデフォルトでは対応してないので、optionにgrid: trueを入れる必要があります。
どう書く？
placeholderの色を変えたいときに
:placeholder-shown だと対応してくれなかったけど
githubの英語のイシュー漁ったら
::placeholder
でやろうぜ！みたいな議論があったので
やってみたら動いてくれました。
input::placeholder{
color: red;
}
って書けばいいんだよっと！
まとめ
なんかこんな感じで一応動いたので、記事にしましたが、
もし間違ってたら教えてください。
Author And Source
この問題について(autoprefixerでinputとかのplaceholderのテキストの色をcssで変えたいとき), 我々は、より多くの情報をここで見つけました https://qiita.com/teruringo/items/5ea4fd7a35715e321078著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .