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

我有一个输入字段，其中的文本的颜色是黑色的。 (我正在使用jquery.placeholder)让我们说文本里面有“电子邮件”

当您点击此字段时，黑色的placeholding文本消失(感谢jquery.placeholder)。

任何输入到此字段的文本，我希望它变为红色，当您取消选择此字段时，我希望它保持红色。

目前，“电子邮件”的文字是黑色的，我输入的内容是红色的，这是很好的，但是一旦我取消选择，它就会变回黑色。任何人可以帮助我吗？我想让文本保持红色，即使它被取消选择。这是我的代码

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

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

解决方法

将您的第二种风格改为：

input,textarea{
    color: #ff0000;
}

目前，当关注焦点时，您正在将表单更改为黑色。以上补救办法。

另外，最好将普通状态样式放在样式表中的：focus和hover样式之前。这有助于防止此问题。所以

input,textarea{
    color: #ff0000;
}

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

原文地址：https://www.jb51.cc/css/219507.html