Blog

HOME > Web > css > 【CSS】placeholderの文字色を変える

【CSS】placeholderの文字色を変える

2017/03/27

css

備忘録です。

inputタグのplaceholderの文字色を変更する方法です。

参考サイト
placeholderの文字色を変えるcss

placeholderだけに別のスタイルを適用するときは
ブラウザにあわせて3種類の指定をします。

::-webkit-input-placeholder
:-ms-input-placeholder
::-moz-placeholder

/*inputの文字色*/
input.color {
    color: #4797BC;
    font-weight: bold;
    width: 100%;
}
/*placeholderの文字色*/
input.sample::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input.sample:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input.sample::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}

コピペしてcssに貼り付けて、そのまま使えます。



カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ