html - 在文本框中输入值时使用 CSS 更改文本框中的字体颜色

Question

我有一个文本框，用作我页面上的搜索框。我使用默认文本颜色为 #D6D6D0 的单词“SEARCH”预填充该字段。

使用 CSS，是否可以在有人在框中输入文本时将文本颜色更改为#FFFFFF？

<input type="text" name="q" value="SEARCH" id="searchFieldText">

#searchFieldText {
    background: url("/images/crmpicco/search_bg3.png") no-repeat scroll 0 0 #000000;
    border: medium none;
    color: #D6D6D0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 21px;
    padding-left: 0;
    padding-top: 3px;
    width: 168px;
}

Answer 1

焦点伪类应该可以工作

#searchFieldText:focus {
    color: #fff;
}