来自 Will Boyd 的一个真正的 CSS 技巧！
- 使用
user-select: all;强制单击时选择元素的所有内容。 - 如果您再次单击，则允许用户像往常一样仅选择文本的一部分。
- 第二次单击？ 好吧，这是一个技巧。 当元素处于
:focus状态时，您实际上是在使用一个延迟的forwards结束的@keyframes动画将其更改为user-select: text;。
Will 的 文章 包含有关 user-select 的更多有用信息和用例。
单击一次，全选；再次单击，正常选择
DigitalOcean 为您的每个阶段提供云产品。 立即开始使用 $200 免费积分！
嗯，这在移动设备上似乎效果不佳。 很想了解它是否可以实现与桌面类似的效果。
我讨厌修改预期行为的东西。
如果我需要选择该代码的一部分，我将不得不单击 3 次。
也许更好的方法是“双击全选”或类似的方法。
原文还解释了
user-select: none;的用法，显然会被滥用。