Comment rendre le texte non sélectionnable à l'aide de CSS
Il est important de sécuriser les informations personnelles et les détails privés sur les pages Web. Ce type d'informations pourrait être dans différents formats, tels que des images, des vidéos et des formulaires de texte. La forme la plus dangereuse est le texte
car il est clair et facile à copier d'un endroit à un autre. Pour s'attaquer à de telles situations, vous pouvez rendre le texte non sélectionnable en utilisant certains sélecteurs ou propriétés CSS spéciaux.
Cet article fournira un guide détaillé sur la façon dont vous pouvez rendre un texte non sélectionnable dans CSS
Comment rendre le texte non sélectionnable à l'aide de CSS?
Dans CSS, pour rendre le texte non sélectionnable, nous utiliserons le terme suivant:
- propriété utilisateur-sélection
- :: Sélecteur de sélection
Explorons chaque propriété une par une!
Méthode 1: rendre le texte non sélectionnable à l'aide de la propriété utilisateur CSS
Le "utilisateur-sélection»La propriété décide du comportement de la façon dont le texte d'un élément sera sélectionné. Quand le "aucun«La valeur est attribuée à cette propriété, elle restreint la sélection du texte.
Explorons plus sur cette propriété en consultant l'exemple ci-dessous.
Exemple
Actuellement, nous avons un texte sur notre page à l'état sélectionné, et nous voulons rendre ce texte insensable à l'aide de CSS:
Dans notre fichier HTML, nous attribuerons du texte au « Html Linuxhint.Io Dans le fichier CSS, utilisez simplement le «utilisateur-sélection«Propriété avec la valeur»aucun".Cela rendra le texte non sélectable respectivement. CSS Maintenant, enregistrez le code mentionné et ouvrez-le dans votre navigateur préféré: Veux apprendre quelque chose de plus intéressant? Passons à la méthode deux. Méthode 2: rendre le texte non sélectionnable à l'aide de CSS :: Sélection de sélection Dans CSS, le «::sélection»Le sélecteur est utilisé pour styliser la partie sélectionnée d'un élément. Seules quelques propriétés CSS peuvent être utilisées avec ce sélecteur, comme l'arrière-plan, la couleur, les contours et le curseur. Exemple Met le "::sélection”Sélecteur avec le élément. Dans l'étape suivante, spécifiez le «arrière-plan«Propriété avec la valeur»rgba (0, 0, 0, 0)". Cela rendra la sélection de texte transparente. Note: L'utilisation de la combinaison du sélecteur spécifié et de la propriété CSS rendra toujours le texte sélectionnable; Cependant, personne ne saura si le texte est sélectionné ou non en raison de sa transparence: Sortir Nous avons couvert les méthodes les plus simples pour rendre le texte non sélectionnable dans CSS. Conclusion Pour rendre le texte non sélectionnable, le «utilisateur-sélection»Propriété et«::sélection»Le sélecteur peut être utilisé. Le simple fait de définir la propriété utilisateur-sélection. De plus, le sélecteur :: Sélection peut également être utilisé avec une propriété d'arrière-plan. Dans cet article, vous avez appris à rendre un texte insensable avec l'aide de CSS p
utilisateur-sélection: aucun;P :: Sélection
Contexte: RGBA (0, 0, 0, 0)