ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでテキストを選択不可にする方法

CSSでテキストを選択不可にする方法

王林
王林オリジナル
2020-11-13 09:21:263644ブラウズ

テキストを選択できないことを認識する Css メソッド: [-webkit-user-select:none;-moz-user-select:none;] などの user-select 属性を使用できます。 user-select 属性は、コンテンツの選択可能性を制御するために使用されます。

CSSでテキストを選択不可にする方法

属性の紹介:

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 チュートリアル

以上がCSSでテキストを選択不可にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。