最近知ったCSS〜::placeholder〜
2023.11.17
スタッフブログ
こんにちは。ちゃむこです。
今日は「最近知ったCSS〜::placeholder〜」について共有しようと思います。
お問い合わせなどのフォームを作成するとき、placeholderを使って記入例などを入れますよね。
私も記入例を入れたのですが、文字の大きさをもう少し小さくしたい…でもplaceholderってcssで装飾できるの?
そう思い調べてみたところ、cssで装飾できるとのこと!
方法としてはセレクターに「::placeholder」を記入し、あとは文字や色をいつも通りに指定すればいいみたいです。
思ったより簡単で安心しました。
よろしければ参考にしてみてくださいね。
今回参考にさせてもらったサイトはこちら