ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでハイパーリンクを無効にする方法
CSSでハイパーリンクを無効にする方法
- 青灯夜游オリジナル
- 2021-01-05 16:45:482591ブラウズ
CSS で pointer-events 属性を使用すると、ハイパーリンクを使用不可にできます。必要なのは、ハイパーリンクが配置されているラベル要素に「pointer-events:none;」スタイルを設定することだけです。ハイパーリンク要素は使用できなくなります。マウス イベントのターゲットになるため、ハイパーリンクは使用できなくなります。
#このチュートリアルの動作環境: Windows 7 システム、css3 バージョン、Dell G3 コンピューター。
チュートリアルの推奨事項: css ビデオ チュートリアル
CSS で pointer-events:none; スタイルを使用して、ハイパーリンクを無効にすることができます。
Pointer-events 属性: どのような状況で要素がマウス イベントのターゲットになり得るかを指定します。
pointer-events 属性は none 効果を使用します:
要素がマウス イベントのターゲットになることはありません。ただし、マウス イベントは、その pointer-events 属性が別の値を指定している場合、子孫要素に送信することができます。その場合、マウス イベントは、キャプチャまたはバブリング フェーズ中に親要素のイベント リスナーをトリガーします。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
a {
pointer-events: none;
cursor: default;
}
</style>
</head>
<body>
<a href="https://www.php.cn/">php中文网</a>
</body>
</html>効果:
プログラミング関連の知識の詳細については、以下を参照してください。 プログラミング教育! ！
以上がCSSでハイパーリンクを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。