css - 文本输入框 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;}">