ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでタグをクリックできないようにする方法

CSSでタグをクリックできないようにする方法

青灯夜游
青灯夜游オリジナル
2021-04-26 11:50:389112ブラウズ

CSS でタグをクリックできないようにする方法: 最初に「color:gray」ステートメントを使用して色をグレーに設定し、次に「pointer-events:none」ステートメントを使用してイベント応答を無効にします。 use "cursor:default" このステートメントは、マウスのスタイルをデフォルトのスタイルに設定します。

CSSでタグをクリックできないようにする方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSS には a タグに無効な属性がありません。a タグを使用不可にしたい場合は、a タグのスタイルを個別に設定して使用不可にする必要があります。

#1. 色をグレーに設定します

2. イベント応答を無効にします

3. マウスのスタイルをデフォルトのスタイルに設定します - 矢印のスタイルを選択します

例:

<a href="#" style="pointer-events: none;cursor: default;color:gray;">点击</a>
<a href="#">点击</a>

レンダリング:

CSSでタグをクリックできないようにする方法

(学習ビデオ共有:

css ビデオ チュートリアル)

以上がCSSでタグをクリックできないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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