Question

友我想将以下URL的默认蓝色更改为RED，我尝试使用 style =“color：red但它没有帮助。请建议一个更好的方法。

<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>

Answer 1

您需要编辑实际的 a 元素。你可以通过多种方式做到这一点。

在您的CSS文件中（这将编辑所有链接）

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

使用内联样式

将样式直接应用于 a 元素。

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

或者，在CSS文件中创建一个类

您可以在CSS文件中创建一个类：

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

然后将课程应用于您的链接：

<a class="myLink" ...

Answer 2

您已将颜色应用于div，您需要更改color的{{1}}而不是a

<强> Live Demo

div

使用 css类而不是使用样式属性直接更改样式通常是一种很好的做法。

CSS

<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>

HTML 的

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

Answer 3

我看到您的<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>

Answer 4

您需要定位<a>标记而不是其父级：

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

anchor标记的默认样式将覆盖包装它的<span>标记。

Answer 5

使用文字装饰无

<a href="http://www.google.com" style="text-decoration:none;color:red">Visit google</a>

更改URL的默认颜色代码

5 个答案: