テキストを選択できないことを認識する Css メソッド: [-webkit-user-select:none;-moz-user-select:none;] などの user-select 属性を使用できます。 user-select 属性は、コンテンツの選択可能性を制御するために使用されます。
属性の紹介:
user-select は、css3 UI 仕様の新しい関数であり、コンテンツの選択性を制御するために使用されます。
(学習ビデオの推奨事項:css ビデオ チュートリアル)
属性値:
auto - デフォルト値、ユーザーは要素を選択できますコンテンツ
none - ユーザーは要素のコンテンツを選択できません
text - ユーザーは要素のテキストを選択できます
element - テキストはオプションですが、限定された要素の範囲内のみ (IE および FF でのみサポート)
#all - エディター内で、子要素でダブルクリック/コンテキスト クリックが発生した場合、その最上位の祖先要素要素が選択されます。 -moz-none——Firefox プライベートでは、入力ボックス内のテキストを除き、要素とサブ要素のテキストは選択できません (IE ブラウザでは、onselectstart="javascript: return false;" イベント この関数を実装するには) コード例:/*设置文字不能被选中 以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
以上がCSSでテキストを選択不可にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。