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

コンテンツを選択不可にする Css メソッド: 最初に新しい HTML ファイルを作成し、次に p タグを使用して複数行のテキストを作成し、クラス属性を p タグに追加します。最後にページ テキストを設定します。 「class(testpp)」 css スタイルを設定し、「user-select」属性を none に設定します。

CSSでコンテンツを選択不可にする方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

test.html という名前の新しい HTML ファイルを作成します。 , ページ上のコンテンツが選択されないよう css を使用する方法について説明します。

CSSでコンテンツを選択不可にする方法

test.html ファイルで、p タグを使用して、次のテスト用の複数行テキストを作成します。

CSSでコンテンツを選択不可にする方法

test.html ファイルで、p タグに class 属性を追加し、このクラスを通じて p タグの CSS スタイルを設定します。

CSSでコンテンツを選択不可にする方法

test.html ファイルに、 タグを記述します。 page このタグ内にCSSスタイルを記述します。

CSSでコンテンツを選択不可にする方法

css タグで、クラス (testpp) を介してページ テキストの CSS スタイルを設定し、user-select 属性を none に設定して、選択しない効果を実現します。ページのコンテンツ。

CSSでコンテンツを選択不可にする方法

ユーザー選択属性は、一部の下位バージョンのブラウザと互換性がない可能性があるため、互換性のあるスタイルを追加してコードの互換性を向上させることができます。コードは次のとおりです。

CSSでコンテンツを選択不可にする方法

test.html ファイルをブラウザで開き、効果を確認します。

CSSでコンテンツを選択不可にする方法

概要:

1. CSS スタイルで user-select 属性を none に設定し、コンテンツが選択できないようにします。

2. スタイルの互換性を向上させるために、「-webkit-user-select:none;-moz-user-select:none-ms-user-select:none;」を使用して、ページのコンテンツのスタイルを設定します。

推奨される学習: 「css ビデオ チュートリアル

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

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

最近、さまざまなフォントについて飛び回る素晴らしいものがたくさんありました(私たちのタグにもたくさんのものがあります)。私は私がすべての新しいものを切り上げたと思った

リンクは、それがブロックの背景にアニメーション化される強調を強調していますリンクは、それがブロックの背景にアニメーション化される強調を強調していますApr 16, 2025 am 10:14 AM

それはクールな小さな効果です。デフォルトのリンクスタイルには下線があり(これは良い考えです)、次に次のようになります。

必要になる直前にページをプリロードします必要になる直前にページをプリロードしますApr 16, 2025 am 09:53 AM

ウェブサイトを閲覧する人のための典型的な旅:ページを表示し、リンクをクリックし、ブラウザは新しいページを読み込みます。それは、単一ページのような面白いビジネスを想定していないことです

FlexBoxを使用した適応写真レイアウトFlexBoxを使用した適応写真レイアウトApr 16, 2025 am 09:51 AM

任意のサイズの写真のセットの水平方向の石積み効果を作成するための超軽量の方法を見てみましょう。写真のセットを投げてください

形状と画像をHTMLおよびCSSでリンクする多くの方法形状と画像をHTMLおよびCSSでリンクする多くの方法Apr 16, 2025 am 09:45 AM

さまざまなウェブサイトのデザインでは、多くの場合、スクエアまたは長方形以外の形状を必要として、クリックイベントに応答します。おそらくあなたのサイトには何らかの傾向があります

Web開発者の検索履歴Web開発者の検索履歴Apr 16, 2025 am 09:41 AM

Sophie Kooninは、「プロのソフトウェアエンジニアとして1週間でグーグルで検索したすべてのもの」とブログを書きました。

スプライト内のすべてのSVGを見るためのスニペットスプライト内のすべてのSVGを見るためのスニペットApr 16, 2025 am 09:31 AM

SVGスプライトはこれを考えています。

ブラウザの新しいインストールを初めて開くとどうなりますか?ブラウザの新しいインストールを初めて開くとどうなりますか?Apr 16, 2025 am 09:29 AM

Jonathan Sampsonの興味深い研究では、ネットワークがブラウザをリクエストするのを見て、新鮮なインストールで初めて起動するときに、

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。