placeholderの文字色を変える

フォーム欄の例文を表示するplaceholderはデフォルトでは薄い灰色の文字ですが、
これを直接"input{color:red;}"とやっても赤文字にはなりません。

なのでセレクタ名に疑似要素「::-webkit-input-placeholder」を当てて、文字のカラーリングを装飾します。


html

<input type="text" id="red" placeholder="疑似要素で赤文字に"　size="140" style="width: 260px; padding: 10px; color:red;" >

css

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

出力結果

＊htmlコード上に直接疑似要素を付けられない？ため、別記css上で文字色を着色しました。
また、webkitやmoz系は":(セミコロン)"二つですがmsは一つです。