Question

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

单击此字段时，黑色占位符文本消失（感谢jquery.placeholder）。

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

目前，“电子邮件”的文字是黑色的，我输入的任何内容都是红色的，这很棒，但是一旦取消选择，它就会变回黑色。谁能帮我？我希望文本保持红色，即使它被取消选中。这是我的代码

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

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

Answer 1

将您的第二种风格改为：

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

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

此外，最好将正常状态样式放在样式表中的:focus和:hover样式之前。这有助于防止出现此问题。所以

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

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

Answer 2

我总是输入提示，如下：

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

当然，如果您的用户填写了该字段，更改焦点并返回该字段，该字段将再次被清除。如果您这样做，请确保这是您想要的。您可以通过设置信号量来使其成为一次性事物，如下所示：

    <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>

您的＆lt; input＆gt;字段然后看起来像这样：

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

Answer 3

取代：

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

使用：

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

或color: #ff0000;

Answer 4

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

input{
     color: black;
}

Answer 5

如果您希望占位符文本为红色，则需要专门在CSS中定位。

写：

input::placeholder{
  color: #f00;
}

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

5 个答案: