我遇到的问题是我无法在以下 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 }} <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;
}
最佳答案
这在纯 CSS 中很容易实现,不需要 javascript:
input.grey:focus
{
color: #000;
}
虽然我认为ie<8不支持伪类:focus
。
关于javascript - javascript形式的不同类(textcolor),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4932618/