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

前端之家收集整理的这篇文章主要介绍了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;
}
原文链接:/css/219507.html

猜你在找的CSS相关文章