スタッフブログStaffblog

最近知ったCSS〜::placeholder〜

2023.11.17
スタッフブログ

こんにちは。ちゃむこです。

今日は「最近知ったCSS〜::placeholder〜」について共有しようと思います。

お問い合わせなどのフォームを作成するとき、placeholderを使って記入例などを入れますよね。

私も記入例を入れたのですが、文字の大きさをもう少し小さくしたい…でもplaceholderってcssで装飾できるの?

そう思い調べてみたところ、cssで装飾できるとのこと!

方法としてはセレクターに「::placeholder」を記入し、あとは文字や色をいつも通りに指定すればいいみたいです。

思ったより簡単で安心しました。

よろしければ参考にしてみてくださいね。

今回参考にさせてもらったサイトはこちら

この記事をSNSでシェア!