CSS user-select

为了尽可能为每一个Mozilla项目做出贡献，上周五我花了一些时间更新了Firefox DevTools。JSON查看器组件需要一些爱，所以这是我列表中的第一个。在查看JSON Viewer组件的CSS时，我看到了一些我没有识别的东西：CSS用户选择：

.heading {
  -moz-user-select: none; /* don t allow selection */
}

经过一点研究，我发现你可以控制什么内容可以使用CSS选择：

  .dont-select {
    user-select: none;
  }

  .control-select {
    user-select: none; /* don t select anything */
    user-select: auto; /* let the browser decide */
    user-select: all; /* select everything */
    user-select: text; /* select only text */
    user-select: contain; /* selection contained within element bounds */
  }

仔细想想，肯定有一种观点认为，你更喜欢选择和复制一些内容，而不是其他内容，比如广告或图片。

这属于CSS指针事件，其中CSS用于显示以外的其他内容。我的第一个想法是，选择首选项应该通过HTML属性来完成，比如自动完成和手动更正。无论如何，给演示一个滚吧！