textarea::Auswahl und ::-moz-Auswahl

Gibt es eine Möglichkeit, die ::selection und ::-moz-selection CSS-pseudo-Elemente, um den text innerhalb einer textarea?

textarea::selection {
    color: #ff0000;
}

Nicht funktioniert

InformationsquelleAutor Trevor | 2010-01-11
  1. 4

    Laut diesem, sollte es funktionieren.

    Können Sie versuchen, gibt es eine !important?

    Können Sie versuchen Sie es zu einem anderen element als einem Textbereich, z.B. ein div? Wenn es funktioniert, es funktioniert anders für input-Elemente - aber ich kann nicht finden, alle Ressourcen zu erwähnen, dass.

    • Es hat für mich gearbeitet auf divs und Spannweiten. Hinzufügen eines wichtig, nicht helfen. Seltsam, auf eine mehrzeilige textarea, wenn ich wählen Sie die gesamte textarea leeren Zeilen ausgewählt werden, mit der hintergrund-Farbe, die ich angeben, aber die, die mit dem schreiben in die reguläre Auswahl der Farbe. Ich verbrachte den ganzen morgen auf der Suche für eine Ressource zu erwähnen, warum würde es anders gehandhabt werden in Eingänge, aber ich kann nicht finden, entweder das, oder ein funktionierendes Beispiel.
    • Das klingt wie Mozilla, ist die Behandlung anders Auswahlen, die Teil einer Eingabe in ein Formular. Ich befürchte, das könnte einer dieser Fälle, in denen nichts getan werden kann, weil der browser das input-styling-Richtlinien hinwegsetzen alles andere, ähnliche Eingabe in ein Formular-Elemente wie select oder file angepasst werden können in einem sehr begrenzten Weise nur.
    • Funktioniert bei mir in FF, aber nicht im Chrome.
    InformationsquelleAutor Pekka 웃
  2. 1

    Aktualisiert, wie Sie sagte hier, ich werde zu aktualisieren, diese Frage zu:

    Ich nicht Zustimmen. Es funktioniert 😉

    Getestet auf Firefox 4.0b6

    Kann ich bestätigen, der folgende code funktioniert mindestens unter Firefox 4.0b6 (aus meiner eigenen Antwort)

    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<style type="text/css">

p::-moz-selection, input::-moz-selection, textarea::-moz-selection {
    color: red;
    background-color: grey;
}
</style>
</head>

<body>
<p>This paragraph is selection-aware.</p>
<form action="#">
<input type="text" id="itext" value="So is this input[text]" />
<textarea id="itextarea">And this textarea, as well</textarea>
</form>
</body>
</html>

    Kann es nicht sein wroking programmgesteuert, wenn Sie nicht vorsichtig mit dem, was Sie tun. Vielleicht sind Sie versucht, zu wählen, etwas mit jQuery.wählen Sie (), und wählen Sie die textarea-Objekt stattdessen von seinem Inhalt.

    InformationsquelleAutor ssice
Schreibe einen Kommentar