user-selectで任意のテキストを1クリック全選択

2020年7月13日

user-select: all; を使うと、
1クリックで全選択できるようになります。
ただし、オートコピーとかまではできません。

all はSafariでは動作しないようなので
注意が必要です。

code {
  -webkit-user-select: all;
  user-select: all;
  display: block;
  padding: 20px;
  border: 1px dashed #999;
  color: #31808c;
  background-color: #fff;
  text-align: left;
  overflow: auto;
}

↑ のコードをクリックすると全選択できます。

貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました