Heim >Web-Frontend >CSS-Tutorial >So verhindern Sie, dass Text in CSS (Code) ausgewählt wird

So verhindern Sie, dass Text in CSS (Code) ausgewählt wird

不言
不言Original
2018-08-28 11:20:561634Durchsuche

Der Inhalt dieses Artikels befasst sich mit der Verhinderung der Textauswahl in CSS (Code). Ich hoffe, dass er für Freunde hilfreich ist.

<!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>

Verwandte Empfehlungen:

So verbieten Sie ausgewählten Text in CSS_html/css_WEB-ITnose

Verbot von ausgewähltem Text ein Webseiten Text ist selected_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass Text in CSS (Code) ausgewählt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen