2016-05-31 6 views
0

я имея поколение гиперссылки как нижеКак изменить цвет шрифта гиперссылки?

$element.html(indicator.link(url)); 

, но речь идет в типичных гиперссылка синего цвета. Как изменить цвет шрифта этой гиперссылки в javascript?

+2

Использование CSS для всех стилей. Вы можете добавить класс в свой элемент jQuery, где класс имеет стили для ссылок. См. Http://stackoverflow.com/a/11955727/864233 для примеров CSS по ссылке. – romellem

+1

Что случилось с хорошим старым селектором css? –

+0

У вас есть идентификатор этого элемента после его создания? – Observer

ответ

4

Лучше всего это сделать с помощью CSS. JavaScript предназначен для modifying behavior, а CSS используется для стилизации. Использование JavaScript для этого сильно недооценено.

Сообщалось, что этот вопрос зависит от того, в каком состоянии находится ссылка. Для нерассмотренных ссылок используйте псевдоселектор .

a:link { color: green; }
<a href="http://www.espn.com">Visit ESPN!</a>

Для ссылок вы уже посетили, теперь вы можете использовать :visited псевдо-класса.

a:visited { color: red; }
<a href="http://www.youtube.com">Visit YouTube!</a>

Для ссылок вы просто парит над используйте :hover

a:hover { color: pink; }
<a href="http://www.pineapplesandoranges.com">Pineapples and Oranges</a>

Вы должны абсолютно не использовать JavaScript. Но вот решение для него в любом случае.

var link = document.getElementById("my-link"); 
 

 
link.style.color = "green";
<a id="my-link" href="http://www.zebras.com">Zebras</a>

1

попробовать:

$element.html(indicator.link(url)); 
$element.css('color','#000'); 

Или:

$('a').css('color','#000'); 

Но это сделало бы все ссылки с тегом почернеет.

+0

Я пробовал это, но он не меняет цвет по умолчанию гиперссылки. – Memoc

1

хорошо выглядеть, если, как вы работаете с Jquery

Один вариант с .css()

$element.html(indicator.link(url)); 
$element.css("color", "red"); 
+0

Я пробовал это, но он не меняет цвет по умолчанию гиперссылки. – Memoc

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