Изменение цвета метки 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: парить {цвет: # 4183c4;} в их CSS так что его, вероятно, еще одна проблема с вашей страницы, может быть, этот стиль является overidden, может вам ссылку на свою страницу? – DaveB

Я на самом деле просто начал его, так что все еще только некоторые файлы на моем компьютере. Он не был внесен в веб-сайт. –

Они не используют загруженные вами (png) ... Они используют собственный шрифт.

Вы можете сделать то же самое с любым шрифтом значка.

Примеры: http://fontawesome.io или http://www.css-tricks.com/examples/IconFont/

источник

2015-01-09 23:08:11 NateW

Вы не знаете, как и где я могу получить свой собственный шрифт? –

Откройте свою страницу с помощью инструментов Safari или Chrome dev, а затем посмотрите в разделе «Ресурсы» для своего пользовательского шрифта .woff. Прямо сейчас URL-адрес https://assets-cdn.github.com/assets/octicons/octicons/octicons-192e5fbb927be7cdb8bdfa0ecb98d3574bd395e58f9d00e5dcdfce5bc9660ac0.woff, но он, скорее всего, изменится в будущем ... – NateW

Изменение цвета метки GitHub HTML/CSS

ответ

Смежные вопросы