4
Considérons le scénario suivant. J'ai la page suivante où tous les éléments rendus doivent être non sélectionnables.Comment puis-je activer la sélection de texte des entrées enfants dans Mozilla Firefox en utilisant CSS?
<html>
<head>
<style type="text/css">
body {
-webkit-user-select: none;
-moz-user-select: none;
}
div {
border: solid 1px green;
padding: 5px;
}
</style>
</head>
<body>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
</div>
<div>
<input type="text" value="You can select the text from me" />
<textarea>
And me too.
</textarea>
</div>
</body>
</html>
Le texte input et textarea est toujours sélectionnable dans Google Chrome, mais le texte n'est pas sélectionnable dans Firefox. Je l'ai déjà essayé ce qui suit:
input, textarea {
-moz-user-select: text !important;
}
Et ... Cela ne marche pas parce que (pour autant que je peux voir) input et textarea sont imbriquées dans l'élément de corps du document qui est déjà pas sélectionnable. Alors, est-il possible d'activer la sélection de texte des éléments d'entrée utilisateur imbriqués dans Firefox en utilisant CSS?
Nous vous remercions de vos suggestions.
Oui, j'ai raté ce point. Merci beaucoup, Salman A! :) –
Encore plus: la règle 'input, textarea' n'est pas nécessaire dans ce cas. Cependant, merci. :) –