javascript - javascript形式的不同类(textcolor)

Question

我遇到的问题是我无法在以下 javascript 表单中设置两种不同的文本颜色(通过 css 类)。标准类是灰色(灰色文本颜色)，但是一旦有人点击“在此处输入您的邮件”，要输入的电子邮件颜色文本应该是黑色的。 (黑色类)。有人可以帮助我吗？

<form name="mainform" method="post">
     Your email: <input type="text" size="40" class="grey" name="email" value="{{ fields.email.input }}" onclick="ClearIfAppropriate();">{{ fields.email.error }} &nbsp; <input type="submit" name="submit" value="Go">
</form>
<script type="text/javascript" language="JavaScript"><!--
    var LabelText = "Type your email here";
    if(document.mainform.email.value.length == 0) {
        document.mainform.email.value = LabelText;
    }
    function ClearIfAppropriate() {
        if(document.mainform.email.value == LabelText) {
            document.mainform.email.value = "";
            document.mainform.email.class = "black";
        }
    }
//--></script>

CSS 类

.grey {
    color: grey;
}

.black {
    color: black;
}

Answer 1

这在纯 CSS 中很容易实现，不需要 javascript:

input.grey:focus
{
   color: #000;
}

虽然我认为ie<8不支持伪类:focus。