為什麼我的樣式化訪問連結在某些瀏覽器中不起作用？
- Linda Hamilton原創
- 2024-12-02 05:34:09594瀏覽
為什麼 :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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn