html - 如何使用CSS自动选择页面上的单词

Question

我正在使用 revealjs 并希望在我的幻灯片上自动选择/突出显示一些词。

所以我定义了这个类:

.force-select {  
  -webkit-user-select: all;  /* Chrome 49+ */
  -moz-user-select: all;     /* Firefox 43+ */
  -ms-user-select: all;      /* No support yet */
  user-select: all;          /* Likely future */   
}

然后像<span class="force-select"> word </span>一样使用它但除非我点击这个词，否则它不会被自动选中。

知道如何自动选择吗？

Answer 1

user-select: all; 属性用于'文本选择'用一个
单击而不是双击并且 user-select: 没有自动值 选择或突出显示的“单词”