【css技巧】css设置文字不能被选中
warning:
这篇文章距离上次修改已过193天,其中的内容可能已经有所变动。
要使文字不可被选中,可以使用CSS的user-select
属性。在大多数现代浏览器中,你可以这样设置:
.unselectable-text {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard syntax */
}
然后将这个类应用到你不想让用户选中的元素上:
<div class="unselectable-text">这段文字无法被选中</div>
这段文字将无法被用户通过拖拽鼠标或者使用键盘选中。
评论已关闭