Gibt es eine Möglichkeit, die CSS-Pseudoelemente ::selection und ::-moz-selection auf den Text in einem Textarea anzuwenden?textarea :: selection und :: - moz-selection
textarea::selection {
color: #ff0000;
}
funktioniert nicht
Nach this, sollte es funktionieren.
Können Sie versuchen, geben Sie eine !important?
Können Sie versuchen, es auf ein anderes Element als ein Textfeld anzuwenden, z. a div? Wenn es dort funktioniert, funktioniert es für Eingabeelemente anders - aber ich kann keine Ressourcen finden, die das erwähnen.
aktualisiert, wie Sie gesagt here, ich werde diese Frage aktualisieren zu:
ich nicht zustimmen. Es funktioniert;)
Getestet auf Firefox 4.0b6
kann ich bestätigen, der folgende Code mindestens unter Firefox 4.0b6 arbeitet (Aus meiner eigenen answer)
<!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>
Es kann nicht programmatisch wroking werden, wenn du nicht aufpasst mit dem, was du tust. Vielleicht versuchen Sie, etwas mit jQuery.select() auszuwählen, und Sie wählen das Textarea-Objekt statt seines Inhalts.
Es hat für mich auf Divs und Spannen gearbeitet. Hinzufügen eines wichtigen half nicht. Seltsamerweise, in einem mehrzeiligen Textbereich, wenn ich den gesamten Textbereich anwähle, werden die leeren Zeilen mit der von mir spezifizierten Hintergrundfarbe ausgewählt, aber die mit dem Schreiben haben die reguläre Auswahlfarbe. Ich verbrachte den ganzen Vormittag damit, nach einer Ressource zu suchen, in der erwähnt wurde, warum sie in Eingaben anders gehandhabt würde, aber ich kann weder das noch ein funktionierendes Beispiel finden. – Trevor
Das klingt, als ob Mozilla verschiedene Selektionen behandelt, die Teil einer Formulareingabe sind. Ich befürchte, dass dies einer der Fälle sein könnte, in denen nichts getan werden kann, da die Eingabestilrichtlinien des Browsers alles andere außer Kraft setzen, ähnlich wie Eingabeelemente wie 'select' oder' file', die nur sehr eingeschränkt angepasst werden können . –
Funktioniert für mich in FF, aber nicht in Chrome. –