<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="Width = device - width, initial - scale = 1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Page replication forbidden</title>
    <style>
        .box p:first-child {
            /* user-select Sets or retrievals whether to allow the user to select text none Text cannot be selected text can be selected all Text can be selected when all content is taken as a whole. If you double-click or contextually click on a child element, the selected portion will be the highest ancestor element traced back to that child element. Element can select text, but the selection is limited by element boundaries */
            user-select: none;
        }
    </style>
</head>
<body>
    <div class="box">
        <p>No one is born to adapt to society. The environment is like a river. We are all stones in the river, each with its own shape at the beginning.</p>
        <p>Everyone's youth, eventually escape a love. Here, there is love, love, joy, joy, but there is no eternal.</p>
        <p>Youth is white, like snow waves, such as clouds such as the moon, white and flawless. Like a piece of white paper, such as written words, love to draw the latest and most beautiful pictures.</p>
    </div>
</body>
</html>

Copy the code

Reference: CSS3 tutorial manual user-select