css禁止用户选中文字

我们在做网站的时候，可能有时候不希望用户拖拽选中或使用键盘的ctrl+a选中一些重要的内容，下面的代码可以禁止整个页面或者某个容器内容文字被选中：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

实例1：如果整个页面都不希望用户选中可以用下面的代码：

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

实例2：如果仅仅只希望默写内容不能被选中，可以用下面的代码：

.unAbleSelect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

<div class="unAbleSelect">这是一段不能被选中的文字</div>