開発ブログ
Git、CSS、HTML、正規表現など、入門者がつまづきそうなポイントを中心に、役立ち情報発信します。。

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">

 

閉じる