首页 > html > user_select > CSS Property Value - 如何user-select: none;

CSS Property Value - 如何user-select: none;

user_select 【user_select】
我们想知道如何user-select: none;
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.heading {
  color: gray;
  font-style: italic;
}

p {
  text-indent: 20px;
}
</style>
</head>
<body>
  <div>
    <span class="no-select heading">Heading 1 - can't select it</span>
    <p>This text you can select & copy.</p>
    <span class="no-select heading">Heading 2 - can't select it</span>
    <p>This text you can select & copy.</p>
  </div>
</body>
</html>