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

王林
リリース: 2020-11-13 09:21:26
オリジナル
3492 人が閲覧しました

テキストを選択できないことを認識する 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!