文本输入字段 CSS 样式答案

【问题标题】：Text Input Field CSS Styling文本输入字段 CSS 样式
【发布时间】：2010-12-19 23:58:18
【问题描述】：

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

<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，如果可以，我如何更新我的文本字段来完成此操作。提前感谢您的帮助！

【问题讨论】：

标签： css forms textinput

【解决方案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;}">

【讨论】：

@Nick - 工作就像一个魅力。感谢您的快速回复！

【解决方案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 感兴趣，那么……你可以施展魔法。

【讨论】：

【解决方案3】：

在焦点处理程序中，尝试 this.style.color = "#000000";

【讨论】：