mozilla
Vos résultats de recherche

    user-select

    Non standard
    Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

    Note : consultez le tableau de compatibilité pour connaître les préfixes appropriés aux différents navigateurs. Notez aussi que la syntaxe et le comportement d’une technologie expérimentale sont susceptibles de changer dans de futures versions des navigateurs.

    Contrôle l’opération de sélection courante. Cela n’a aucun effet sur le contenu chargé dans le chrome, excepté dans les champs de texte. Une propriété similaire, user-focus, fut proposée dans une première ébauche d’un prédécesseur de CSS3-UI, mais fut rejetée par le groupe de travail.

    Syntaxe formelle : none | text | all | element
    (-préfixe-)user-select: none;
    (-préfixe-)user-select: text;
    (-préfixe-)user-select: all;
    (-préfixe-)user-select: element;
    none
    Le texte de l’élément et des sous-éléments ne pourra pas être sélectionné. La sélection peut contenir ces éléments. Introduite dans Firefox 21, none se comporte comme -moz-none, la sélection des sous-éléments peut être retrouvée avec -moz-user-select:text.
    text
    Le texte peut être sélectionné par l’utilisateur.
    -moz-none
    Le texte de l’élément et des sous éléments apparaîtra comme s’il ne pouvait pas être sélectionné. La sélection peut contenir ces éléments. La sélection des sous-éléments peut être retrouvée avec -moz-user-select:text. Introduite dans Firefox 21, none se comporte comme -moz-none.
    all
    Dans un éditeur HTML, si un double-clic ou un clic droit s’est produit sur un sous-élément, le plus grand ascendant avec cette valeur sera sélectionné.
    element
    Uniquement pris en charge par Internet Explorer. Permet de débuter la sélection dans l’élément ; cependant, la sélection sera contenue dans les limites de cet élément.
    Note : user-select ne fait partie pour le moment d’aucune spécification CSS du W3C. En tant que tel, il y a quelques différences mineures entre les navigateurs. Veillez à tester votre application sur tout les navigateurs.

    Exemples

    .unselectable {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      }
    
    <body>
      <p class="unselectable">Il n’est pas possible de sélectionner ce texte dans Firefox, Chrome, Safari et IE.</p>
    </body>
    

    Compatibilité avec les navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support basique 6.0-webkit- (Oui)-moz- 10-ms- 15.0-webkit- 3.1-webkit-
    element Pas de support (Oui) (Oui)   Pas de support
    Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support basique 2.1-webkit- ? 10 (Oui)-ms- Pas de support 3.2 (Oui)-webkit-

    Voir également

    Étiquettes et contributeurs liés au document

    Contributors to this page: Sheppy, Fredchat, teoli, louuis
    Dernière mise à jour par : Sheppy,