[分享]css双击会选中文字

CSS中使用userselect属性来控制用户是否可以选择文本内容，可能会遇到一个问题，就是用户在双击文本时会选中文字，虽然这对于富文本编辑器等应用是必要的，但在其他情况下可能会变得很烦人。通过以下的...

CSS中使用user-select属性来控制用户是否可以选择文本内容，可能会遇到一个问题，就是用户在双击文本时会选中文字，虽然这对于富文本编辑器等应用是必要的，但在其他情况下可能会变得很烦人。

通过以下的CSS代码，可以禁止用户在双击文本时选中任何内容：

 p {
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -webkit-user-select: none; /* Safari 和 Chrome */
    user-select: none; /* 所有浏览器 */
  } 

这里的user-select属性可以取多个值，如auto、none、text等，选择none就可以禁止双击选中文本。

为了避免CSS影响到其他元素，可以在需要禁止选中文本的元素上设置class或id，并在CSS中使用：

 .no-select {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  } 

需要注意的是，这种方法只是改变了一些CSS样式来以视觉上阻止选中文本，但是在开发者工具等场景下，仍然可以访问或复制文本。如果需要更加安全的保护文本，可以考虑使用JS或其他技术实现。