FF Javascript樣式文本框的問題

這個想法是有一個沒有背景的「隱藏」文本框，所以它很好地放在背景上。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); 
    } 
    });

來源

2012-03-20 obkso

小提琴：http://jsfiddle.net/fhsmJ/2/ 什麼不工作？它沒有清除輸入框，它不會改變顏色嗎？在我的機器上正常工作;） – valentinas 2012-03-20 09:06:25

您的瀏覽器支持應該在多遠？你可能想考慮使用'placeholder'屬性。此外，您的輸入需要自行關閉，即不是'' – 2012-03-20 09:24:48

它似乎也可以在jsfiddle中工作，但在[link] http://onlinewatermarks.com/anchorpoint/index.php [link ]它在Firefox中不起作用，即使它運行相同的代碼 – obkso 2012-03-20 09:24:56

你缺少分號（;）

你$("#emailSubscribe").val("")應該是$("#emailSubscribe").val("");

來源

2012-03-20 09:02:20 tusar

是的，它應該是哎呀！但它仍然不起作用。 – obkso 2012-03-20 09:06:20

檢查清除您的瀏覽器緩存CTRL + Shift + Del。 JavaScript有時被緩存。我沒有看到你的代碼中的任何錯誤。 – tusar 2012-03-20 09:09:00

我已經看到您的網站了。這是一個UI問題。這就是爲什麼文本字段沒有顯示出來。在jQuery中沒有錯誤。嘗試禁用input [type =「text」]'的'padding：40px;' – tusar 2012-03-20 09:38:23

不知道爲什麼你的不，但這在FF中適用於我。

http://jsfiddle.net/5CtMc/

來源

2012-03-20 09:07:30 Alex

FF Javascript樣式文本框的問題

回答

相關問題