输入字段文本颜色的输入文本

我有一个输入字段，其中文本的颜色是黑色。(我使用 jquery.placeholder)假设这里的文本是“ E-Mail”

当您单击这个字段时，黑色占位符文本将消失(感谢 jquery.placeholder)。

任何输入到这个字段的文本，我希望它变成红色，当你取消选择这个字段时，我希望它保持红色。

现在，写着“ E-Mail”的文本是黑色的，我输入的任何东西都是红色的，这很好，但是一旦我取消选择，它就会回到黑色。有人能帮我吗？我希望文本保持红色，即使在它被取消选举之后。这是我的密码

textarea:focus, input:focus {
color: #ff0000;
}


input, select, textarea{
color: #000;
}
504524 次浏览
小开

更换:

input, select, textarea{
color: #000;
}

与:

input, select, textarea{
color: #f00;
}

或 color: #ff0000;

小开
最佳答案

把你的第二种风格改成这样:

input, select, textarea{
color: #ff0000;
}

此时，您正在告诉表单在关闭焦点后将文本更改为 black。以上补救措施。

此外，在样式表中将常规状态样式放在 :focus和 :hover样式之前也是一个好主意。这有助于防止这个问题。那么

input, select, textarea{
color: #ff0000;
}


textarea:focus, input:focus {
color: #ff0000;
}
小开

我总是做输入提示，像这样:

    <input style="color: #C0C0C0;" value="someone@somewhere.com"
onfocus="this.value=''; this.style.color='#000000'">

Of course, if your user fills in the field, changes focus and comes back to the field, the field will once again be cleared. If you do it like that, be sure that's what you want. 你可以通过设置一个信号量来实现一次性事件，如下所示:

    <script language = "text/Javascript">
cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
function clearField(t){                   //declaring the array outside of the
if(! cleared[t.id]){                      // function makes it static and global
cleared[t.id] = 1;  // you could use true and false, but that's more typing
t.value='';         // with more chance of typos
t.style.color='#000000';
}
}
</script>

Your <input> field then looks like this:

    <input id = 0; style="color: #C0C0C0;" value="someone@somewhere.com"
onfocus=clearField(this)>
小开

要为输入添加颜色，请使用以下 css 代码:

input{
color: black;
}
小开

如果您希望占位符文本是红色的，那么您需要在 CSS 中明确地将其作为目标。

写:

input::placeholder{
color: #f00;
}

提交答案