2013-07-26 2 views
1

друзей в Я хочу изменить синий цвет по умолчанию folloowing URL к красному, я попытался с помощью стиля = "цвета: красный цвета, но это не помогло Пожалуйста, предложите лучший подходИзменения цвета по умолчанию код URL

..
<div class="row-fluid"> 
    <div class="span12" style="color:red"><a href="/event/alert/recipient/list/${alertStatusForm.forAlert.id}" class="underline">${fn:length(alertStatusForm.totalNotSentRecipient)}</a> 
    </div> 
</div> 
+0

Вы должны дать! Важно для вашего стиля –

+0

@ VIVEK-MDU зачем использовать суровые переопределения, когда немного лучше будет делать то же самое? – brbcoding

ответ

7

Вам нужно отредактировать фактический в элемент. Вы можете сделать это несколькими способами.

в вашем CSS файл (это будет редактировать все ссылки)

a:active, a:link, a:visited { 
    color: red; 
} 

С Встраиваемый Styling

Примените стиль непосредственно к элемента.

<a style="color: red" ... 

Или создать класс в вашем CSS файл

Вы могли бы создать класс в файле CSS:

a.myLink:active, a.myLink:link, a.myLink:visited { 
    color: red; 
} 

Затем применить класс к вашей ссылке:

<a class="myLink" ... 
1

Вам необходимо направить <a> ta г вместо родительского пролета:

<a style="color:red"> ... </a> 

стилей по умолчанию из тега привязок собираются перезаписать <span> тега, окружив его.

2

Вы нанесли окрашивать в Див, вам нужно изменить color из a вместо div

Live Demo

<div class="row-fluid"><div class="span12" ><a style="color:red" href="/event/alert/recipient/list/${alertStatusForm.forAlert.id}" class="underline">${fn:length(alertStatusForm.totalNotSentRecipient)}</a></div></div> 

им в целом хорошая практика, чтобы использовать класс CSS вместо того, чтобы непосредственно меняющегося стиля с использованием атрибута стиля.

CSS

.red-color-a 
{ 
    color:red; 
} 

HTML

<div class="row-fluid"><div class="span12" ><a class="red-color-a" href="/event/alert/recipient/list/${alertStatusForm.forAlert.id}" class="underline">${fn:length(alertStatusForm.totalNotSentRecipient)}</a></div></div> 
+0

+1 для Nice объяснения –

+0

Спасибо @ VIVEK-MDU. – Adil

2

Я вижу, что ваш <a> ссылка имеет класс "подчеркивание". Вы можете добавить этот CSS код в файл CSS, чтобы сделать текст красным:

.underline a:active, .underline a:link, .underline a:visited { 
    color: red; 
} 

или не применять его непосредственно в HTML так:

<div class="row-fluid"> 
    <div class="span12"><a style="color:red" href="/event/alert/recipient/list/${alertStatusForm.forAlert.id}" class="underline">${fn:length(alertStatusForm.totalNotSentRecipient)}</a> 
    </div> 
</div> 
1

использование текста украшения никто

<a href="http://www.google.com" style="text-decoration:none;color:red">Visit google</a> 
Смежные вопросы