html5のフォームにはplaceholder属性が設定できるのは有名で、先進的なサイトで比較的見るようになってきた。
このplaceholderにスタイルを当てるのCSSセレクタは、例のごとくブラウザ毎に違う。
以下のようになっている。
input::-webkit-input-placeholder /* chrome safari */
input::-ms-input-placeholder /* IE10 */
input:-moz-placeholder /* firefox */
chromeやsafariは、inputの後にコロンが２つ、webkit-inputのプレフィックス付き。
IE10でも似たような感じ。
firefoxはコロンが１つで、inputというプレフィックスが無いのが特徴。
webブラウザのベンダによる差は、一体いつになったら収束するんだろう・・。
