textarea::sélection et ::-moz-sélection

Est-il un moyen d'appliquer les ::selection et ::-moz-selection CSS pseudo-éléments pour le texte à l'intérieur d'un textarea?

textarea::selection {
    color: #ff0000;
}

Ne fonctionne pas

OriginalL'auteur Trevor | 2010-01-11

  1. 4

    Selon ce, il devrait fonctionner.

    Pouvez-vous essayer de donner un !important?

    Pouvez-vous essayer de l'appliquer à un élément différent qu'un textarea, par exemple, un div? Si ça fonctionne, ça fonctionne différemment pour les éléments d'entrée - mais je ne peux pas trouver toutes les ressources de mentionner que.

    Il a travaillé pour moi sur les divs et les travées. L'ajout d'un important n'a pas aidé. Bizarrement, sur un multi-ligne textarea quand je sélectionne l'ensemble de la textarea les lignes vides seront sélectionnés avec, en arrière-plan la couleur, j'ai préciser, mais ceux avec l'écriture dans leur sélection régulière de la couleur. J'ai passé toute la matinée à la recherche d'une ressource de mentionner pourquoi il serait traitée différemment dans les entrées, mais je ne trouve pas ça ou un exemple de travail.
    Cela sonne comme Mozilla est de traiter de manière différente des sélections qui font partie d'un formulaire de saisie. J'ai peur que cela pourrait être l'un de ces cas où rien ne peut être fait, parce que le navigateur de l'entrée style des lignes directrices annuler tout le reste, semblable à la forme des éléments d'entrée comme select ou file qui peuvent être personnalisés de façon très limitée.
    Fonctionne pour moi en FF, mais pas dans google Chrome.

    OriginalL'auteur Pekka 웃

  2. 1

    Mis à jour comme vous l'avez dit ici, je vais mettre à jour cette question:

    Je suis en désaccord. Il travaille 😉

    Testé sur Firefox 4.0b6

    Je peux confirmer le code suivant fonctionne au moins sous Firefox 4.0b6 (Prises à partir de mon propre réponse)

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

    Il peut ne pas être wroking de la programmation, si vous n'êtes pas prudent avec ce que vous faites. Peut-être que vous essayez de choisir quelque chose avec jQuery.sélectionnez() et que vous sélectionnez l'objet textarea au lieu de son contenu.

    OriginalL'auteur ssice