it-swarm.com.de

CSS Textfarbe des Eingabefeldes des eingegebenen Textes

Ich habe ein Eingabefeld und die Farbe des Textes ist schwarz. (Ich verwende jquery.placeholder) Nehmen wir an, der Text ist "E-Mail".

Wenn Sie auf dieses Feld klicken, verschwindet der schwarze Platzhaltertext (dank jquery.placeholder).

Jeder Text, der in dieses Feld eingegeben wird, soll rot werden. Wenn Sie dieses Feld deaktivieren, möchte ich, dass es rot bleibt.

Im Moment ist der Text "E-Mail" schwarz, und alles, was ich eingebe, ist rot. Kann mir jemand helfen? Ich möchte, dass der Text rot bleibt, auch wenn er nicht markiert ist. Hier ist mein Code

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

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

Ändere deinen zweiten Stil dazu:

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

Im Moment teilen Sie dem Formular mit, dass der Text in black geändert werden soll, wenn der Fokus deaktiviert ist. Die oben genannten Abhilfemaßnahmen.

Es ist auch eine gute Idee, die normalen Statusstile vor den Stilen :focus und :hover in Ihrem Stylesheet zu platzieren. Das hilft, dieses Problem zu vermeiden. So

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

textarea:focus, input:focus {
    color: #ff0000;
}
47
Jason Gennaro

Ich mache immer Eingabeaufforderungen wie diese:

    <input style="color: #C0C0C0;" value="[email protected]" 
    onfocus="this.value=''; this.style.color='#000000'">

Wenn Ihr Benutzer das Feld ausfüllt, den Fokus ändert und zum Feld zurückkehrt, wird das Feld natürlich wieder gelöscht. Wenn Sie es so machen, stellen Sie sicher, dass Sie es wollen ... Sie können es zu einer einmaligen Sache machen, indem Sie ein Semaphor wie folgt setzen:

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

Ihr <Eingabe> -Feld sieht dann so aus:

    <input id = 0; style="color: #C0C0C0;" value="[email protected]" 
    onfocus=clearField(this)>
2
oldmoses

Wenn der Platzhaltertext rot sein soll, müssen Sie ihn speziell in CSS anvisieren.

Schreiben:

input::placeholder{
  color: #f00;
}
0
Dino Senjkovic

ersetzen:

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

mit:

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

oder color: #ff0000;

0
angrydust

Verwenden Sie zum Hinzufügen von Farbe zu einer Eingabe den folgenden CSS-Code:

input{
     color: black;
}
0
Codemaker