如何使用 CSS 禁用連結？

CSS 停用連結技巧

問題：

是否可以使用 CSS 停用連結？例如，如果您有一個名為「目前頁面」的類，您可能希望阻止該類的連結在單擊時處於活動狀態。

解決方案：

以下CSS 程式碼片段提供了一個簡單的解決方案：

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

此程式碼針對具有「aria-current ='page'”屬性的元素並停用透過將「指標事件」設為「無」來控制它們的交互性。它還透過將「遊標」設為「預設」、刪除文字裝飾並將文字顏色重設為黑色來刪除典型的連結樣式。

要在 HTML 中套用此解決方案，您可以如下修改連結：

<a href="link.html" aria-current="page">Link</a>

這將停用連結並防止在套用「目前頁面」類別時點擊它。

以上是如何使用 CSS 禁用連結？的詳細內容。更多資訊請關注PHP中文網其他相關文章！