2

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にフォールバックする必要がありますか?

4

1 に答える 1

0

私はあなたのコードをテストしました、そして私はいくつかのjavascriptが追加していることに気づいています

class="placeholder" 

選択されていない場合の入力に対して、通常のプレースホルダーの動作を変更している可能性があります。これはjQueryUIの介入のように見えます

于 2013-02-13T22:21:35.813 に答える