<span id="select-all">
<strong> with user-select: all</strong>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi voluptatem eveniet doloremque nihil ab eaque vel placeat cupiditate rerum magni. Eum magnam reiciendis nemo praesentium alias suscipit accusantium quibusdam illum quos, exercitationem ipsa incidunt. Adipisci ab quisquam blanditiis sapiente cum.
</span>
<br/>
<span id="not-select"><strong>with user-select: none</strong>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi voluptatem eveniet doloremque nihil ab eaque vel placeat cupiditate rerum magni. Eum magnam reiciendis nemo praesentium alias suscipit accusantium quibusdam illum quos, exercitationem ipsa incidunt. Adipisci ab quisquam blanditiis sapiente cum.
</span>
strong {
font-weight: 900;
color: blue;
}
span {
margin: 1em 0;
display: inline-block;
}
#select-all {
user-select: all;
}
#not-select {
user-select: none;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.