Question

我的表格中有一份文字。文本字段中文本的颜色应为灰色。如果我单击它并键入，文本应该变为黑色并保持黑色。

我使用了以下css。

input[type=text]{ color:#999999;}
input[type=text]:focus{ color:#000;}

这是我的HTML代码

<input name="address" id="address" type="text" onFocus="if(this.value =='Address' ) this.value=''" onBlur="if(this.value=='') this.value='Address'" value="Address">

现在，当我打字时，文字会变成黑色。但打字后它会变成灰色。打字后我需要它是黑色的。我怎样才能做到这一点？

Answer 1

怎么样

<input name="address" id="address" type="text" 
       onFocus="if(this.value =='Address' )this.value='';this.style.color='#000';" 
       onBlur="if(this.value=='') this.value='Address'; if (this.value=='Address') this.style.color='#999';" 
       value="Address">

Answer 2

不确定您的问题是100％明确的，但为什么不反转CSS中的值？

<style>
input[type=text]{ color:#000;}
input[type=text]:focus{ color:#999999;}
</style>

<p>
<input name="address" id="address" type="text" onFocus="if(this.value =='Address' ) this.value=''" onBlur="if(this.value=='') this.value='Address'" value="Address">
</p>

有了这个，文字是黑色的，在焦点上它是灰色的，但在聚焦后它会变回黑色。

Answer 3

我使用JQuery来解决您的问题。请看一下这个JSFiddle

http://jsfiddle.net/EvnQj/

Answer 4

对于上述问题，请编写如下HTML：

<input name="address" id="address" type="text" onFocus="if(this.value =='Address' ) this.value=''" onBlur="if(this.value==''){ this.value='Address'; } else{ this.style.color='#000'; }" value="Address">

CSS原样：

input[type=text]{
  color:#999999;
}
input[type=text]:focus{
  color:#000;
}

如果你想测试你的垃圾箱，那么http://codebins.com/bin/4ldqpaq

文本字段输入颜色css

4 个答案: