Maison > interface Web > tutoriel CSS > Comment définir le texte CSS pour qu'il ne soit pas sélectionnable

Comment définir le texte CSS pour qu'il ne soit pas sélectionnable

藏色散人
Libérer: 2023-02-17 15:50:27
original
16965 Les gens l'ont consulté

Comment définir le texte CSS pour qu'il ne soit pas sélectionnable : 1. Créez un exemple de fichier HTML ; 2. Créez un div et définissez le contenu du texte ; 3. Définissez le texte pour qu'il ne soit pas sélectionnable en définissant l'attribut "user-select: none;".

Comment définir le texte CSS pour qu'il ne soit pas sélectionnable

L'environnement d'exploitation de cet article : système Windows7, version HTML5&&CSS3, ordinateur Dell G3.

Comment définir le texte CSS pour qu'il ne soit pas sélectionnable ?

Css pour définir le texte comme non sélectionnable Exemple :

<!DOCTYPE HTML>
<html>
<head>
<title>Creating non-selectable text using CSS</title>
<style type="text/css">
div {
margin-bottom: 20px;
padding: 10px;
background: rgba(10%, 10%, 10%, 0.3);
-moz-border-radius: 15px;
border-radius: 15px;
}
div#d2 {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
font-style: italic;
}
</style>
</head>
<body>
<div id="d1">文字可以选择</div>
<div id="d2">文字不可选</div>
</body>
</html>
Copier après la connexion

Rendu :

Comment définir le texte CSS pour quil ne soit pas sélectionnable

Css pour définir le texte comme non sélectionnable Utilisez l'attribut user-select. user-select属性。

user-select

Introduction à l'attribut user-select :

L'attribut user-select spécifie si le texte de l'élément peut être sélectionné.

Dans un navigateur Web, si vous double-cliquez sur le texte, le texte sera sélectionné ou mis en surbrillance. Cette propriété est utilisée pour empêcher ce comportement.

Syntaxe CSS

user-select: auto|none|text|all;
Copier après la connexion
valeur de propriété

valeur

auto par défaut. Le texte peut être sélectionné si le navigateur le permet.

aucun n'empêche la sélection de texte.

le texte texte peut être sélectionné par l'utilisateur.

tous Cliquez pour sélectionner du texte au lieu de double-cliquer.

Expansion connexe :

En 1990, Tim Berners-Lee et Robert Cailliau inventent conjointement le Web. En 1994, le Web sort véritablement du laboratoire.

Depuis l'invention du HTML, les styles existent sous diverses formes. Différents navigateurs combinent leurs propres langages de style pour permettre aux utilisateurs de contrôler les effets de page. Le code HTML original ne contenait que quelques attributs d'affichage.

Avec la croissance du HTML, afin de répondre aux exigences des concepteurs de pages, HTML a ajouté de nombreuses fonctions d'affichage. Mais à mesure que ces fonctions augmentent, le HTML devient de plus en plus complexe et les pages HTML deviennent de plus en plus volumineuses. C'est ainsi que CSS est né.

Hakun Lee a proposé la proposition originale du CSS en 1994. À l’époque, Bert Bos concevait un navigateur appelé Argo, ils ont donc décidé de concevoir CSS ensemble.

En fait, il y avait déjà quelques suggestions pour unifier les langages de feuilles de style dans l'industrie Internet à cette époque, mais CSS a été le premier langage de feuille de style avec la riche signification de « cascade ». En CSS, les styles d'un fichier peuvent être hérités d'autres feuilles de style. Le lecteur peut utiliser son propre style préféré à certains endroits et hériter ou « cascader » le style de l'auteur à d'autres endroits. Cette approche à plusieurs niveaux donne aux auteurs et aux lecteurs la flexibilité d'ajouter leurs propres conceptions et de mélanger ce que tout le monde aime.

Hakun a proposé CSS pour la première fois lors d'une conférence à Chicago en 1994. CSS a été proposé à nouveau lors de la conférence du réseau www en 1995. Boss a démontré l'exemple du navigateur Argo prenant en charge CSS, et Hakun a également présenté le navigateur Arena avec prise en charge CSS.

La même année, l'organisation W3C (World WideWeb Consortium) a été créée. Tous les membres créatifs CSS sont devenus le groupe de travail du W3C et ont tout mis en œuvre pour développer des normes CSS. Le développement des feuilles de style en cascade était enfin sur la bonne voie. De plus en plus de membres étaient impliqués, comme Thomas Reaxdon de Microsoft, dont les efforts ont finalement conduit à la prise en charge du standard CSS dans le navigateur Internet Explorer. Ha Kun, Persia et d'autres sont les principaux responsables techniques de ce projet. Fin 1996, la première ébauche de CSS a été achevée. En décembre de la même année, la première norme formelle pour les feuilles de style en cascade (Cascading Style Sheets Level 1) a été achevée et est devenue une norme recommandée par le w3c.

Début 1997, le groupe de travail du W3C responsable du CSS a commencé à discuter de problèmes non abordés dans la première version. Les résultats des discussions ont constitué la deuxième édition de la spécification CSS publiée en mai 1998.

Apprentissage recommandé : "Tutoriel vidéo CSS
"

🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal