【初心者必見】placeholderのスタイルを変更する方法!【CSS】

こんにちは!ラクです。

この記事では、input要素で使われる「placeholder」のスタイルを変更する方法を紹介します!

placeholderのスタイルを変更する方法

スタイルを変更する方法は、とっても簡単で、「input::placeholder」でplaceholderのスタイルを変更できます。

それでは、例を紹介します。

こんな感じの、サーチバーを作りました。

ただ、これでは文字の色が合っていないので、文字色を白にしようと思います

input::placeholder {
  color: white;
}

これで、ちゃんと文字色が白になりました!

とても簡単なので、是非覚えておいて下さい!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です