css一键全选user-select

.selectall{
user-select: all;
}

none元素及其子元素的文本不可选中。 请注意这个Selection 对象可以包含这些元素。 从Firefox 21开始, none 表现的像 -> moz-none,因此可以使用 -moz-user-select: text 在子元素上重新启用选择。
auto auto 的具体取值取决于一系列条件,具体如下:
在 ::before 和 ::after 伪元素上,采用的属性值是 none
如果元素是可编辑元素,则采用的属性值是 contain
否则,如果此元素的父元素的 user-select 采用的属性值为 all,则该元素采用的属性值也为 all
否则,如果此元素的父元素的 user-select 采用的属性值为 none,则该元素采用的属性值也为 none
否则,采用的属性值为 text

  • text
    用户可以选择文本。
  • all
    在一个HTML编辑器中,当双击子元素或者上下文时,那么包含该子元素的最顶层元素也会被选中。
  • contain
    允许在元素内选择;但是,选区将被限制在该元素的边界之内。
  • element(IE 专有别名)
    与 contain 相同,但仅在 Internet Explorer 中受支持。
来都来了,留个言吧🙂