如何使按钮文本可选？

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

我使用

找到解决方案

  

<强> pointer-events: none;

我们将克服那个

Answer 2

如果您开始从文本中选择 ，这似乎是可行的。在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>

查看我的gif：

Answer 3

将按钮文本包装在div中。
<button><div>button label</div><button>
为我工作