Остановить якорь от создания шрифта удивительный значок синий?

Question

По какой-то причине, когда я сделать удивительный значок шрифта иметь его внутри якоря, он становится синим, и я не могу отключить его обычным способом, с помощью CSS:

a { 
    text-decoration:none; 
} 

Вот ссылка на codepen, а вы можете увидеть на сноске значок GitHub синий:

http://codepen.io/EuanR/pen/XbOdgR

Answer 1

проблема здесь в том, что text-decoration:none; не мешает связь с изменением цвета; это просто предотвращает подчеркивание.

Для предотвращения изменения цвета, вы должны переопределить цвет:

a { 
    text-decoration:none; 
    color: inherit; 
} 

И это не связан или вызванного шрифтом удивительного

Answer 2

Икона FontAwesome являются занесена в <i> тегах, вы можете просто позвонить тег <i>.

i{ 
    color:red; 
} 

Answer 3

Вы должны указать атрибут цвета:

a { 
    text-decoration:none; 
    color: black; 
} 

или если вы хотите остальную часть линии синего цвета, но значок в другом цвете:

a i { 
    text-decoration:none; 
    color: black; 
} 

Answer 4

Вы можете добавить следующий CSS, чтобы ссылка наследовала цвет текста вокруг него:

a { 
    color:inherit; 
} 

Answer 5

Конечно, просто установить цвет по ссылке:

.modal-footer a { 
    color:red; 
} 

codepen example