GitHub標記顏色更改HTML/CSS

在github.com上，當您將鼠標懸停在搜索欄上時，它們的圖標（標記）會變爲藍色。我從他們的網站https://github.com/logos下載了該標記，並將其放入了我使用HTML和CSS製作的練習網站。GitHub標記顏色更改HTML/CSS

當有人在它上空盤旋時，我會如何改變顏色？

我曾嘗試：

a:hover{ 
    color: green; 
}

和

a:hover{ 
    background-color:green; 
}

第一個沒有影響和改變第二隻背景預期。

我該如何更改標記的顏色？

來源

2015-01-09 Happy Hippo

Github上使用的.header-徽標invertocat：懸停{COLOR：＃4183c4;}在他們的CSS所以它可能與你的頁面的另一個問題，也許風格正在overidden，你能鏈接到您的網頁？ – DaveB 2015-01-09 22:57:46

我其實只是開始它，所以它仍然只是我的電腦上的一些文件。它沒有被製作成網站。 – 2015-01-10 01:29:07

他們沒有使用你下載的東西（PNG）...他們使用自定義字體。

您可以對任何「圖標字體」做同樣的事情。

例子：http://fontawesome.io或http://www.css-tricks.com/examples/IconFont/

來源

2015-01-09 23:08:11 NateW

你知道如何或在哪裏可以得到他們的自定義字體嗎？ – 2015-01-09 23:38:28

使用Safari或Chrome開發工具打開他們的頁面，然後查看「資源」下的自定義字體.woff。現在的網址是https://assets-cdn.github.com/assets/octicons/octicons/octicons-192e5fbb927be7cdb8bdfa0ecb98d3574bd395e58f9d00e5dcdfce5bc9660ac0.woff，但它很可能在未來發生變化...... – NateW 2015-01-11 16:59:56

GitHub標記顏色更改HTML/CSS

回答

相關問題