開発ブログ

WWWクリエイターズが送る、Git、CSS、HTML、コマンドライン、Macの便利機能など、開発に関する役立ち情報発信します。気まぐれに更新。

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

 

閉じる