まず、予告
プレースホルダー属性が新しく追加されたプロパティをCSS3とき、CSSセレクタのIE9とOpera12以下のバージョンは、テキストの占領をサポートしていません。
第二に、プレースホルダテキストの色、フォントサイズの設定
モード1を
各ブラウザCSSセレクタは差があるので、(単に結腸入力とTEXTAREA前に書かれた)各ブラウザのための別々の設定を行う必要があるため。
:: - WebKitの入力-プレースホルダ{/ *のWebkitブラウザ* /
色:#999。
フォントサイズ:16pxに;
}
:-moz-プレースホルダ{/ * Mozilla Firefoxの4 * / 8
色:#999。
フォントサイズ:16pxに;
}
:: MOZ-プレースホルダ{/ * Mozilla Firefoxの19 + * /
色:#999。
フォントサイズ:16pxに;
}
:-ms-入力プレースホルダ{/ *のInternet Explorer 10 + * /
色:#999。
フォントサイズ:16pxに;
}
モード2は、それが顧客が-webkitハンドセットにカーネルモードでのみエンドWebViewのであれば、この方法を使用することをお勧めします。
:: INPUT - WebKitの入力-プレースホルダのTextArea :: - {プレースホルダのWebKit-INPUT-
色:#666;
フォントサイズ:16pxに;
}
入力:-moz-プレースホルダ、TEXTAREA:-moz-プレースホルダ{
色:#666。
フォントサイズ:16pxに;
}
入力:: - MOZ-プレースホルダ、TEXTAREA :: - MOZ、プレースホルダ{
色:#666。
フォントサイズ:16pxに;
}
入力:-ms-入力プレースホルダ、TEXTAREA:-ms-入力プレースホルダ{
色:#666。
フォントサイズ:16pxに;
}