文本输入字段CSS样式

Question

我有一个文本输入字段，其中有一些浅灰色字体的示例文本，当用户单击该字段时，我正在清除该字体。当发生这种情况时，我还想将字体颜色更改为黑色，以便用户更容易阅读他们正在键入的内容。以下是我到目前为止所使用的内容：

<input type="text" name="q" value="Enter keywords" onfocus="if(this.value == 'Enter keywords') {this.value = '';}" style="width:630px;font-size:14px;color:#ADADAD;border:1px solid #ADADAD;}">

这是否可以使用CSS，如果是这样，我如何更新我的文本字段来实现这一目标。在此先感谢您的帮助！

Answer 1

试

<input type="text" name="q" value="Enter keywords" onfocus="if(this.value == 'Enter keywords') {this.value = ''; this.style.color = 'black';}" style="width:630px;font-size:14px;color:#ADADAD;border:1px solid #ADADAD;}">

Answer 2

最简单的解决方案是：

<input type="text" name="q" value="Enter keywords" onfocus="if(this.value == 'Enter keywords') {this.value = '';this.style.color = '#000000';} else {this.style.color = '#000000';}" style="width:630px;font-size:14px;color:#ADADAD;border:1px solid #ADADAD;}">

但如果你对jQuery感兴趣那么......你可以做魔术。

Answer 3

在焦点处理程序的站点中，尝试this.style.color =“＃000000”;