実際、この問題は、私が HTML の select タグについて初めて知ったときにすでに発生していましたが、今日に至るまで、同僚、クラスメート、友人に尋ねても、純粋な CSS を使用して a タグを無効にする方法はまだ見つかりません。 JavaScript を持っていない場合、本当に JavaScript を使用する必要がありますか? 1. HTML の a タグを無効にする純粋な CSS: コードをコピーします。 タグを無効にする方法 html; charset= GB2312"http-equiv="Content-Type"> <br>body{ <br>font:12px/1.5 5B8B4F53、ジョージア州タイムズNew Roman、serif、arial; <br>a{ <br>text-decoration:none; <br>outline:0 none; <br>.disableCss{ <br>pointer-events:なし; <br>color:#afafaf; <br>カーソル:デフォルト <br></head> <br /><aclass= "disableCss" href ="http://www.baidu.com/">Baidu</a><br> <br><aclass="disableCss; " href= "#"onclick="javascript:alert('Hello!!!');">クリック</a> <br></body> <br></html> <br><br> <br>上記では純粋な CSS を使用して a タグを無効にしていますが、Opera および IE ブラウザはポインター イベント スタイルをサポートしていないため、上記のコードはこれら 2 種類のブラウザでは a タグを無効にすることができません。 <br><br>2. Jquery と CSS を使用して HTML の a タグを無効にします: <br><br><br><br><br><br>コード</div> <br><br>コード次のように: <br><br> <br><html> <div class="msgheader"><head> <div class="right"><title> 02 - Jquery と CSS を使用して HTML </title> を無効にします。 ><meta content="text/html; charset=GB2312" http-equiv="Content-Type"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode88'));"><script type="text/javascript" src="./jquery-1.6.2. js"></script> <u><script type="text/javascript"> </u>$(function() { </span>$('.disableCss').removeAttr('href') ;//a タグの href 属性を削除します</div>$('.disableCss').removeAttr('onclick');//a タグの onclick イベントを削除します</div>}); /script> ; <div class="msgborder" id="phpcode88"><style type="text/css"> <br>ボディ { <br>フォント: 12px/1.5 5B8B4F53、ジョージア州、タイムズ ニュー ローマン、セリフ、アリアル; a { <br>テキスト装飾: なし; <br>アウトライン: 0 なし; <br>} <br>.disableCss { <br>色: #afafaf; <br>カーソル: デフォルト <br> < /style> <br><body> <br><a class="disableCss" href="http://www.baidu</ a> ; <br /> <br /><a class="disableCss" href="#" onclick="javascript:alert('こんにちは! ！ ！ ');">Click</a> <br></body> <br></html> <br><br><br>このメソッドはすべてのブラウザと互換性がありますが、JavaScript を使用します。おそらく致命的な欠陥です! <br><br>3. Jquery を使用して HTML の a タグを無効にします: <br><br><br>コードは次のとおりです。 :<br><div class="msgborder" id="phpcode89"> <br><html> <br> <br><title>03 ——助けJquery实现html中a标签の禁止</title> <br><meta content="text/html; charset=GB2312" http-equiv="Content-Type"> <br><script type="text/javascript" src="./jquery-1.6.2.js"></script> <br><script type="text/javascript"> <br>$(function() { <br>$('.disableCss').removeAttr('href');//标签中の href プロパティを去ります <br>$('.disableCss').removeAttr(' onclick');//去掉a标签中のonclickイベント<br>$(".disableCss").css("font","12px/1.5 \5B8B\4F53, Georgia, Times New Roman, serif, arial") ; <br>$(".disableCss").css("text-decoration","none"); <br>$(".disableCss").css("color","#afafaf"); >$(".disableCss").css("アウトライン","0 なし"); <br>$(".disableCss").css("カーソル","デフォルト"); <br></script> <br></head> <br> <br><a class="disableCss" href="http://www.baidu.com/">百度</a> <br> <br><a class="disableCss" href="#" onclick="javascript:alert('你好！！');">点击</a> <br></body> <br></html> <br><br><br> 上では、htmlJquery を使用して、html 内のセキュリティを禁止する機能を実現しています。</div> </div>
