首頁 > web前端 > css教學 > 如何使用 CSS 禁用連結?

如何使用 CSS 禁用連結?

Barbara Streisand
發布: 2024-12-24 06:38:09
原創
442 人瀏覽過

How Can I Disable Links Using 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板