【CSS】placeholderの文字色やフォントサイズを変更したい！
目次
はじめに
福岡のホームページ制作・SEO対策の株式会社スゴヨクです。
お問い合わせフォームのカスタマイズを行う際に、placeholderの文字色やフォントサイズなどのスタイルを変更できなくて困ったことはありませんか？
今回はplaceholderにCSSをあてる方法について解説します。
→「【wordpress】現在表示中の記事以外の一覧を表示させたい！」はこちらからplaceholderにCSSをあてたい
【::placeholder】を使うだけ！！
placeholderにスタイルを設定するには【::placeholder】というセレクタを使用します。
【::placeholder】というセレクタ単体であればすべてのplaceholderに適用されます。
特定の箇所のみに適用したい場合は【input.target::placeholder】のようにさらにセレクタを追加する必要があります。
おわりに
簡単に実装可能ですのでぜひ【::placeholder】を使って自由自在なカスタマイズを行ってみてください。
勉強中の方、HTML・CSS駆け出しの方の参考にしていただけたら幸いです。
