Eingabe-cursor-Farbe

So ändern Sie die Farbe des Inhalts in HTML-input-type-text während der Eingabe einen bestimmten Wert.
Und auch die cursor-Farbe, wenn es den Fokus hat.

InformationsquelleAutor eomeroff | 2010-04-30
  1. 20

    Ändern die Farbe, wenn die Eingabe von Inhalt ist einfach:

    input:focus { color: yellow }

    nicht unterstützt IE7 und niedriger. Kompatibilitäts-Tabelle hier.

    Ändern der cursor-Farbe speziell ist unmöglich soweit ich weiß. Es dauert in der Regel auf den text-Inhalt, die Farbe, die sollten in Ordnung sein, in den meisten Fällen.

    • einfach toll! vielen Dank
    • In der Theorie ist es möglich, aber man müsste einige javascript schreiben, und Sie hätten um ein Bild des Cursors in jeder Farbe. Es wäre langweilig und wahrscheinlich eine Verschwendung von Zeit. 🙂
    InformationsquelleAutor Pekka 웃
  2. 9

    Verwenden color angeben, die Farbe des Textes. Verwenden caret-color festlegen der Cursor-Farbe.

    HTML

    <input class="examples" />
<textarea class="examples"></textarea>

    CSS

    .examples {
  color: gray;
  caret-color: red;
}
    • Dies sollte nun die Antwort. Ich weiß die Frage ist schon einige Jahre alt, aber das ist, was Sie verwenden sollten.
    • FYI, die zum Zeitpunkt des Schreibens dieses Artikels (2018) der caret-color-Eigenschaft ist noch nicht unterstützt von Internet Explorer, Edge und iOS-Safari.
    InformationsquelleAutor sealocal
  3. 1

    Verwendung von modernem CSS!

    input {
    caret-color : red;
}
input:focus {
    color : yellow;
}
    InformationsquelleAutor Gibolt
Schreibe einen Kommentar