CSSでハイパーリンクをクリックできないように設定する方法-フロントエンドQ&A-php.cn

CSSでハイパーリンクをクリックできないように設定する方法

藏色散人

リリース： 2023-01-05 16:12:48

オリジナル

2562 人が閲覧しました

CSS でハイパーリンクをクリックできないように設定する方法: 最初に「cursor:pointer;」属性を使用してマウスを矢印に変え、次に「pointer-events:none;」属性を使用してハイパーリンクを無効にし、クリックできないようにします。

CSSでハイパーリンクをクリックできないように設定する方法

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

CSS 設定を使用してハイパーリンクをクリックできないか無効にする

##cursor :pointer ;

pointer-events: none;
最初の行は、マウスを小さな手の形ではなく矢印に変えます。
2 行目は、ハイパーリンクコードを無効にします。

Notタグとiframeタグのみも有効です例は以下の通りです:

<!DOCTYPE html><html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a class="weather" href="http://www.baidu.com" >测试</a>
		<iframe class="weather" allowtransparency="true" frameborder="0" width="385" height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=2&t=0&v=0&d=3&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=0&a=0&c=60813&w=385&h=96&align=center"></iframe>
	</body>
	<style type="text/css">
	.weather{
	    color:gray;
	    cursor:pointer;
	    pointer-events: none;
	}	</style></html>

ログイン後にコピー

CSSでハイパーリンクをクリックできないように設定する方法