Existe-t-il un moyen d'appliquer les pseudo-éléments CSS ::selection et ::-moz-selection au texte d'une zone de texte?textarea :: selection et :: - moz-selection
textarea::selection {
color: #ff0000;
}
ne fonctionne pas
Selon this, il devrait fonctionner.
Pouvez-vous essayer de lui donner un !important?
Pouvez-vous essayer de l'appliquer à un élément différent d'une zone de texte, par ex. un div? Si cela fonctionne, cela fonctionne différemment pour les éléments d'entrée - mais je ne trouve aucune ressource mentionnant cela.
Mise à jour que vous avez dit here, je mettrai à jour cette question aussi:
Je suis en désaccord. Il travaille;)
Firefox 4.0b6 testé sur
Je peux confirmer le code suivant fonctionne au moins sous Firefox 4.0b6 (Extrait de mon propre 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>
Il ne peut pas être wroking programme, si vous ne faites pas attention à ce que vous faites. Peut-être que vous essayez de sélectionner quelque chose avec jQuery.select() et que vous sélectionnez l'objet textarea au lieu de son contenu.
Il a travaillé pour moi sur divs et span. L'ajout d'un important n'a pas aidé. Bizarrement, dans une zone de texte multiligne, lorsque je sélectionne l'ensemble de la zone de texte, les lignes vides sont sélectionnées avec la couleur d'arrière-plan que je spécifie, mais celles qui y sont écrites ont la couleur de sélection normale. J'ai passé toute la matinée à chercher une ressource mentionnant pourquoi il serait traité différemment dans les entrées, mais je ne peux pas trouver cela ou un exemple de travail. – Trevor
Cela ressemble à Mozilla traite différemment les sélections qui font partie d'une entrée de formulaire. Je crains que cela puisse être un de ces cas où rien ne peut être fait, parce que les directives de style d'entrée du navigateur écrasent tout le reste, similaire aux éléments de saisie comme 'select' ou' file' qui peuvent être personnalisés de manière très limitée seulement . –
Fonctionne pour moi en FF, mais pas en Chrome. –