html - Cssを使用したHTML5フォーム入力プレースホルダーのスタイリング

Question

プレースホルダーに関する基本的な情報があります。プレースホルダーのテキストの色はライトグレーです。ただし、入力の内側をクリックして何かを入力すると、色は同じままです。何かが入力されているときと入力されていないときにテキストの色を変更する方法はありますか？

<input type="text" placeholder="Your Name">

Answer 1

残念ながら、すべてのブラウザをカバーするこれを行うためのネイティブな方法はまだありません。ただし、このjsfiddleに示されているように、ベンダー固有のcssルールを使用できます。

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}