Comment utiliser la sélection par l'utilisateur ? Quelle est la valeur par défaut ?

user-select est utilisé pour définir si l'utilisateur peut sélectionner du texte. Sa valeur par défaut est text, ce qui signifie que le texte peut être sélectionné. Il a trois autres valeurs d'attribut : aucun ne peut être sélectionné, tout le contenu dans son ensemble peut être sélectionné et l'élément peut être sélectionné mais est contraint par les limites de l'élément

sélection de l'utilisateur L'attribut est un nouvel attribut dans CSS3 et est utilisé pour définir si l'utilisateur peut sélectionner du texte.

Syntaxe

user-select:none | text | all | element

Valeur par défaut : texte

Portée applicable : tous les éléments sauf les éléments de remplacement

Prendre la valeur Description

aucun : le texte ne peut pas être sélectionné

texte : le texte peut être sélectionné

tout : tout le contenu peut être sélectionné lorsqu'il est pris dans son ensemble. Si vous double-cliquez ou cliquez contextuellement sur un élément enfant, la partie sélectionnée sera l'élément ancêtre le plus élevé remontant à cet élément enfant.

élément : le texte peut être sélectionné, mais la plage de sélection est limitée par la limite de l'élément

Explication

1. cet attribut, mais prend en charge l'utilisation de l'attribut label onselectstart="return false;" pour obtenir l'effet de user-select:none ; Safari et Chrome prennent également en charge cet attribut d'étiquette

2. jusqu'à Opera12.5, mais avec comme IE6-9, il prend également en charge l'utilisation de l'attribut de marque privée unselectable="on" pour obtenir l'effet de user-select:none ; l'autre valeur de unselectable est désactivée ; 🎜>3. En plus de Chrome et *Safari, dans d'autres navigateurs, si le texte est défini sur -ms-user-select:none;, l'utilisateur ne pourra pas commencer à sélectionner du texte dans ce bloc de texte. Cependant, si l'utilisateur commence à sélectionner du texte dans d'autres zones de la page, il peut toujours continuer à sélectionner le texte de la zone en définissant le texte sur -ms-user-select:none *; la fonctionnalité de script correspondante est userSelect

Exemple :

code CSS :

.box{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

code html :

<div class="box" onselectstart="return false;" unselectable="on">
    这是测试数据
</div>

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!