Maison > Article > interface Web > Comment empêcher la sélection de texte en CSS (code)

Comment empêcher la sélection de texte en CSS (code)

不言original: 2018-08-28 11:20:561607parcourir

Le contenu de cet article explique comment empêcher la sélection de texte dans CSS (code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>css禁止文字被选择</title>
    <style type="text/css">
    .m-no-select {
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -khtml-user-select: none;
        /* Konqueror */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently
not supported by any browser */
    }
    </style>
</head>
<div>可以选择</div>
<div>不可以选择</div>
 
<body>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
    </script>
</body>
 
</html>

Recommandations associées :

Comment interdire le texte sélectionné avec CSS_html/css_WEB-ITnose

Bloquer la page Web le texte sur est sélectionné_html/css_WEB-ITnose

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!

Déclaration：

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

Article précédent：Introduction au nouvel attribut de transition en CSS3 (avec exemples)Article suivant：Introduction au nouvel attribut de transition en CSS3 (avec exemples)

Comment empêcher la sélection de texte en CSS (code)

Articles Liés