HTMLでテキスト選択を無効にする方法
HTML では、user-select 属性を使用してテキストの選択を禁止できます。「user-select:none;」スタイルをテキスト要素に追加するだけで済みます。user-select 属性は次の目的で使用されます。テキスト、値が「なし」の場合、テキストは選択できません。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
HTML でのテキストの選択を禁止します
user-select: none |text| all | element;
値:
none:テキストは選択できません
text:テキストは選択できます
all :すべてのコンテンツを全体として捉える場合に選択できます。子要素をダブルクリックするか、コンテキストに応じてクリックすると、選択した部分がその子要素から遡った最上位の祖先要素になります。
element:テキストは選択できますが、選択範囲は要素の境界によって制限されます
説明:
1. IE6-9 はこの属性をサポートしていませんが、 # を達成するためのラベル属性 onselectstart="return false;" の使用をサポートしています。 ##user-select :none 効果; Safari と Chrome もこのタグ属性をサポートします;
unselectable="on" を使用して user-select:none の効果を実現します; unselectable の他の値はオフです;
-ms-user-select:none; に設定されている場合、ユーザーはそのブラウザでテキストの選択を開始できません。テキストブロック。ただし、ユーザーがページの別の領域でテキストの選択を開始した場合でも、テキストを -ms-user-select:none;;## に設定することで、その領域のテキストの選択を続けることができます。 4、対応するスクリプト属性は
です。
html以上がHTMLでテキスト選択を無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>user-select</title>
</head>
<style>
.test {
padding: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
background: #eee;
}
</style>
<body>
<div onselectstart="return false;" unselectable="on">禁止选中文本内容</div>
</body>
</html>
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7321
9
1625
14
1349
46
1261
25
1209
29
HTMLの表の境界線
Sep 04, 2024 pm 04:49 PM
HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。
HTML のネストされたテーブル
Sep 04, 2024 pm 04:49 PM
これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。
HTML 左マージン
Sep 04, 2024 pm 04:48 PM
HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。
HTML テーブルのレイアウト
Sep 04, 2024 pm 04:54 PM
HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。
HTML 内のテキストの移動
Sep 04, 2024 pm 04:45 PM
HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。
PHPでHTML/XMLを解析および処理するにはどうすればよいですか？
Feb 07, 2025 am 11:57 AM
このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML（拡張可能なマークアップ言語）は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます
HTML の onclick ボタン
Sep 04, 2024 pm 04:49 PM
HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。
