テキスト選択を禁止する方法
- 前のページ テキストエリアのサイズ調整を無効にする方法
- 次のページ テキスト選択色
CSSを使用してHTMLでテキスト選択を無効にする方法を学びます。
このテキストは選択できます。
このテキストは選択できません。
テキスト選択を無効に
以下を使用して user-select 属性を使用して要素のテキスト選択を無効にします。
ネットブラウザで、テキストをダブルクリックすると、それが選択/ハイライトされる。この属性を使用してこのような状況を防ぐことができます。
.prevent-select {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
関連ページ
参考マニュアル：CSS user-select 属性
- 前のページ テキストエリアのサイズ調整を無効にする方法
- 次のページ テキスト選択色
