【CSS】placeholderの文字色を変更する方法

【CSS】placeholderの文字色を変更する方法

今回は、placeholderの文字色を変更する方法をご紹介します。

placeholderとは?

placeholderとは入力欄に、サンプルとして記述例を入れておくものです。

お名前(デフォルト)

placeholderの書き方

HTML
<input type="text" name="お名前" placeholder="田中 ねこ太郎">

CSSで文字色を変更する方法

CSS
input::placeholder {
  color:#aaa;
}

color:#aaa;

もちろん、赤にも出来ます。
color:#ffaeae;

サイトに合わせていろいろ変えてみましょう。

他にもあるよ。関連記事

人気記事

人気記事

最新記事

ブログカテゴリー

タグ

プロフィール

プロフィール画像

猫田 ねこ

パチンコ店勤務からweb制作会社へ転職という異色の経歴。漫画大好き。アニメ大好き。パチンコ大好きな、ねこです。

利用規約  お問い合わせ

ページトップへ