2年前に投稿

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

DISCLAIMER: This article is more than a year old and may not be current.

この記事は約 1 分で読めます。

2

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;
}

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

貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました
user-selectで任意のテキストを1クリック全選択

カスタマイズ - CSSCSS,Element

Posted by FOUR 4to6