如何让自己制作的按钮文字不被选中？

如何让自己制作的按钮文字不被选中？

概述

我们在自己写按钮的时候，不希望在点击按钮的时候，出现文字被选中的效果。只需要添加下面的代码就可以了。

核心代码

-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;

我们不希望看到文字被选中的效果

完整demo

 <span class="btn">按钮</span>
 <style>
 .btn{
    border-radius: .4rem;
    background: #8beade;
    color: #fff;
    padding: .06rem .2rem;
    cursor: pointer;
    display: inline-block;
     -moz-user-select: none;
     -ms-user-select: none;
     -webkit-user-select: none;
     user-select: none;
}
 </style>