使用 CSS 禁用鏈接:完整指南
您是否需要禁用網頁上的鏈接,但僅依靠 CSS 來實現解決方案?不用擔心,因為有一個簡單的解決方案供您使用。
挑戰
想像您有一個帶有連結的導航欄,其中一個連結代表當前頁面你在。您希望禁用此鏈接,以便在單擊時不會發生任何操作,表明用戶已經在該頁面上。
CSS 解決方案
要實現此停用,我們可以利用 aria-current="page" 屬性。該屬性表明該元素代表當前頁面。透過將以下CSS 規則套用到具有此屬性的元素,我們可以停用連結:
實際範例
要在HTML 中套用此解決方案,只需將aria-current="page" 屬性新增至 中您想要停用的元素。
透過實作此 CSS 解決方案,您可以有效地停用鏈接,而無需更改其外觀或訴諸 JavaScript。這種技術確保了一個乾淨且易於訪問的使用者介面,清楚地指示使用者目前正在查看哪個頁面。
以上是如何僅使用 CSS 禁用連結?的詳細內容。更多資訊請關注PHP中文網其他相關文章!