如何使按钮文本可选择？

Question

我将这些样式应用于按钮。但它不起作用

<button type="button" name="tucson-yes" aria-live="polite" tabindex="1">HOLDIT</button>

-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;

Answer 1

如果您开始从文本中进行选择，这似乎可行。在win10 ChromeBeta 75上测试。

button {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: 100px;
}

<button type="button" name="tucson-yes" aria-live="polite" tabindex="1">HOLDIT</button>

看我的动图：

Answer 2

我找到了使用的解决方案

pointer-events: none;

我们会克服这个问题