FFとChromeでHTML5プレースホルダーを使用してCSSのスタイルを「問題」にしています。例:
http://jchmusic.com
...[連絡先]メインメニューをクリックします。
フォームがposition:absoluteの場合、プレースホルダーテキストの疑似スタイル-のみ-は、フィールドがフォーカスされている(選択されている)場合にのみ機能するようです。それ以外の場合は、「実際の」要素のスタイルに戻ります。
フォームがposition:relativeの場合、正常に機能します。
これが私が使っているコードです
input:-moz-placeholder{color:#999; font-family:"Courier New", Courier, monospace}
input:-ms-input-placeholder{color:#999; font-family:"Courier New", Courier, monospace}
::-webkit-input-placeholder { /* WebKit browsers */
color: #999; font-family:"Courier New", Courier, monospace
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999; font-family:"Courier New", Courier, monospace
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999 !important;
font-family:"Courier New", Courier, monospace;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
font-family:"Courier New", Courier, monospace
}
ここで「ホバー」に関するいくつかの逸話を読みましたが、それが私の状況に当てはまるかどうかはわかりません。CSSの回避策はありますか、それともjQueryにフォールバックする必要がありますか?