如何更改html中鏈接的默認顏色？ （一條鏈接）
[英]how to change the default color of a link in html? (a:link)
問題描述
我想在以下腳本中將超鏈接的默認藍色更改為綠色，但我一直收到粉紅色鏈接。
如果沒有點擊鏈接，你能告訴我如何將它變成綠色嗎？ 提前致謝。
我要找的是這個：
- a) 當它沒有被點擊時有一個綠色鏈接
- b) 當鼠標懸停在鏈接上時有一個紅色鏈接
- c) 鼠標點擊鏈接時出現黃色鏈接
- d) 點擊鏈接后有一個粉紅色的鏈接
<!DOCTYPE html> <html> <head> <style> a:link { color: green; background-color: transparent; text-decoration: none; } a:visited { color: pink; background-color: transparent; text-decoration: none; } a:hover { color: red; background-color: transparent; text-decoration: underline; } a:active { color: yellow; background-color: transparent; text-decoration: underline; } </style> </head> <body> <p>You can change the default colors of links</p> <a href="http://www.w3schools.com/html/html_images.asp" target="_blank">HTML Images</a> </body> </html>
3 個解決方案
解決方案1
0 2017-02-13 19:12:17
問題是
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
訪問過的鏈接將顯示為粉紅色，因此如果您希望訪問過的鏈接和正常鏈接為綠色，請使用
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: green;
background-color: transparent;
text-decoration: none;
}
解決方案2
0 2017-02-13 19:18:37
問題出在 ":link" 上，只需將其刪除即可。
解決方案3
0 2017-02-13 20:07:31
這不合邏輯。 如果您為訪問過的鏈接定義顏色（粉紅色），那么所有訪問過的鏈接都會變成粉紅色！
我猜您正在嘗試做一個導航欄並顯示活動頁面，對嗎？
所以檢查這個例子：
http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black_active
如何更改當前打開鏈接的文本顏色並保持未打開鏈接的默認顏色？這樣用戶就可以了解他當前所處的鏈接
[英]how to change the text color of currently open link and remain default color of unopened link?so user gets an idea on which link he is currently on
如何使用 CSS 和 HTML 更改 hover 上的鏈接顏色和效果？
[英]How to change color of link and effect on hover using CSS and HTML?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.