首頁 > web前端 > css教學 > 為什麼我的樣式化訪問連結在某些瀏覽器中不起作用?

為什麼我的樣式化訪問連結在某些瀏覽器中不起作用?

Linda Hamilton
發布: 2024-12-02 05:34:09
原創
593 人瀏覽過

Why Are My Styled Visited Links Not Working in Some Browsers?

為什麼 :visited 連結的 CSS 樣式在特定瀏覽器中不起作用?

以下HTML 和CSS 程式碼似乎表現出Internet Explorer 和Chrome 中訪問的連結的樣式問題:

<html>
    <head>
        <style>
            A {font-weight: bold; color:black;}
            A:visited {font-weight: normal; color: black; }
            .Empty {font-weight: bold; color: black; }
        </style>
    </head>

    <body>
        <a href="http://mysite">click me</a>
    </body>
</html>
登入後複製

儘管應用了:visited 偽類,點擊的連結保持粗體,而不是返回正常粗細。 Firefox 4、IE9 和 Chrome 也會出現此行為。

安全注意事項與解決方法

:visited 偽類的功能在現代瀏覽器中已受到限制,以防止潛在的 CSS 漏洞。這些瀏覽器實作了特定措施來防止此類漏洞:

  • getComputedStyle() 傳回造訪過的連結的值,就好像它們未被造訪過一樣。
  • 同級選擇器(例如::visited span)導致相鄰元素的樣式設定為未存取。
  • 巢狀連結元素可能會呈現為未存取的

不幸的是,在實施了這些限制的瀏覽器中,沒有針對此安全措施的解決方法。如原始問題所述,更改輔助功能設定以忽略網頁顏色並不能解決問題。

以上是為什麼我的樣式化訪問連結在某些瀏覽器中不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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