CSS3でテキストの選択を禁止する

  • 作成日 2020.11.18
  • 更新日 2020.12.10
  • CSS
CSS3でテキストの選択を禁止する

CSS3を使って、ブラウザ上でテキストの選択を禁止する手順を記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

選択を禁止

以下の、cssを追加するだけで可能です。

* {
  -webkit-user-select: none;
  /* Chrome or Safari */
  -moz-user-select: none;
  /* FireFox */
  -ms-user-select: none;
  /* IE */
  -o-user-select: none;
  /* Opera */
  user-select: none;
}