input要素のplaceholderの色を替えるスタイルCSS

最終更新:2017-05-10 by Joe

input要素のplaceholderの色を変えます。

input要素のplaceholderの色を替えるスタイルCSS

正式なサポートはありませんが、主要なブラウザは対応できるようです。

::-webkit-input-placeholder { 
  color:#fcc;
}
::-moz-placeholder {
 color:#fcc;
 opacity: 1;
}
/* Internet Explorer 10-11 */
:-ms-input-placeholder { 
 color:#fcc;
}

input要素のplaceholderは下記のように指定します。

<input type="text" placeholder="Enter your name">