使用css禁用超鏈接

Question

所以我一直在嘗試使用css樣式表禁用一些超鏈接。我需要它們只是純文本 - 我無法更改HTML。

<link href="css/stark.css" rel="stylesheet" type="text/css"> 

<nav id="header_wrapper">

`<h1 id="logo">` 

<a href="#">STARK INDUSTRIES</a></h1>

`<ul id="navigate">` 
     `<li><a href="#">Products</a></li>` 
     <li><a href="#">Facilities</a></li> 
     <li><a href="#">Customers</a></li> 
     <li><a href="#">About</a></li> 
    </ul> 
    </nav>` 

Answer 1

嘗試

pointer-events:none;

在你的CSS規則。這將禁用該特定元素上的鼠標事件。瞭解更多：https://developer.mozilla.org/en/docs/Web/CSS/pointer-events

Answer 2

KK的解決方案是正確的做法，我只想補充一點：

pointer-events: none; 
cursor: default; 

指針的事件：沒有人會被點擊停止主播，但是指針光標在懸停時仍會顯示，可能會讓用戶誤以爲是可點擊的。最好將光標恢復爲默認值，以儘可能接近地模擬純文本。