CSSで右クリック禁止（お問い合わせ・コードブロック以外）にする方法

2026-01-14

お問い合わせや、コードブロック以外の箇所をコピー対策として、CSSのみで右クリック禁止にする方法をメモします。

/* サイト全体でテキスト選択を禁止 */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* お問い合わせフォーム（input, textarea）は許可 */
input, 
textarea {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

/* コードブロック（pre, code）は許可 */
pre, 
code,
.wp-block-code {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

以上です。