GitHub标记颜色更改HTML / CSS

时间:2015-01-09 22:39:45

标签: html css icons

在github.com上,当您将鼠标悬停在搜索栏上时,它们旁边的图标(标记)会变为蓝色。 我从他们的网站https://github.com/logos下载了该标记,并将其放入我正在使用HTML和CSS制作的练习网站。

当有人将鼠标悬停在颜色上时,我该如何改变颜色?

我试过了:

a:hover{
     color: green;
}

a:hover{
     background-color:green;
}

第一个没有影响,第二个只改变了预期的背景。

如何更改标记的颜色?

1 个答案:

答案 0 :(得分:1)

他们没有使用您下载的内容(png)......他们使用的是自定义字体。

你可以用任何“图标字体”做同样的事情。

示例:http://fontawesome.iohttp://www.css-tricks.com/examples/IconFont/