2012-03-20 7 views
0

考えられるのは、バックグラウンドのない「隠された」テキストボックスがあり、バックグラウンドにうまく座っているということです。FF Javascriptスタイリング問題のテキストボックス

テキストボックスをクリックすると、値が空白になり、テキストが黒に変わります。

これはChromeとIEで動作しますが、Firefoxの、

<input id="emailSubscribe" name="email" type="text" value="Subscribe for updates, Just enter your email Address"></input> 
$("#emailSubscribe").focus(function(){ 
    if($("#emailSubscribe").val() == "Subscribe for updates, Just enter your email Address"){ 
     $("#emailSubscribe").val("") 
     $("#emailSubscribe").css("color", "black"); 
     $("#buttonBar").fadeIn(700); 
    } 
    }); 
+0

フィドル:http://jsfiddle.net/fhsmJ/2/ 何が機能していませんか?それは入力ボックスをクリアしていない、それは色を変更していないですか?私のマシンでうまく動作します;) – valentinas

+0

あなたのブラウザはどれくらいの距離でサポートされますか? 'placeholder'属性の使用について考えてみてください。また、あなたの入力は ' ' –

+0

のように自己終了する必要があります。jsfiddleでも動作するようですが、[link] http://onlinewatermarks.com/anchorpoint/index.php [link ]それは同じコードを実行しているにもかかわらず、Firefoxで動作しません – obkso

答えて

2

にあなたはセミコロンが欠落しているわけではない(;)

あなた$("#emailSubscribe").val("")$("#emailSubscribe").val("");

+0

を無効にしてみてください。しかし、それはまだ動作しません。 – obkso

+0

ブラウザキャッシュのクリアをチェックアウトします。Ctrl + Shift + Del。 JavaScriptはキャッシュされることがあります。私はあなたのコード内のエラーを参照してください。 – tusar

+2

私は今あなたのウェブサイトを見ました。これはUIの問題です。そのため、テキストフィールドが表示されません。 jQueryにエラーはありません。 'input [type =" text "]'の 'padding:40px;'を無効にしてみてください。 – tusar

関連する問題