Question

我正在开发一个angular2应用程序。我使用超链接调用一个方法，打开一个小弹出窗口。我尝试了各种方法来点击链接时更改链接的颜色，但它不起作用。

代码段如下：

HTML：

<td> <a *ngIf="(books.status== 'FAILED')" (click)="openWindow(books.id)">{{books.id}}</a></td>

CSS：

a {
    color: blue;
}
a:visited {
    color: red;
}

Answer 1

可以通过以下方式完成：

/* selected link */
a:active { 
    color: red;
}

Answer 2

在css文件中添加以下CSS类：

.visitedLinkColor{
         color : blue;  }

尝试使用Angular 1.5

        <td>
            <a href
               ng-click="visited = true"
               ng-class="{'visitedLinkColor': visited ==true}">
                {{books.id}}
            </a>
        </td>

对于Angular 2

        <td>
            <a *ngIf="(books.status== 'FAILED')"
               (click)="visited = true"
               (class)=" {'visitedColor': visited == true}">
            {{books.id}}
            </a>
        </td>

Answer 3

有多种方法可以做到这一点。

我认为最简单的是

visitedColor: string = 'blue';

在组件中，在构造函数中添加变量

openWindow

然后在点击时触发的方法this.visitedColor = 'red';中，将值设置为RED

%left op1 %left op2 %left op3 %left op4

PS：删除你的CSS以查看其工作情况。此解决方案不需要CSS。

希望这有帮助！

Answer 4

您可以使用：

a:active {
    color: blue;
}

Answer 5

：访问过的伪类应该可以正常工作。但是你在其中一个答案中所说的评论，即使你关闭然后重新打开浏览器，你仍然期望它会发生变化。这也应该发生，因为：访问过的伪类应该保存在浏览器历史记录中。除非，您可能正在进行硬重置或清除浏览器历史记录？或者你正在浏览＆＃34;私人/隐身＆＃34;模式？

这可能对您有所帮助。 How to change the color of hyperlink after click it。希望这有帮助！

Answer 6

在CSS中你必须编写这段代码

    td > a:link {
      color : blue;
    }
    td > a:visited {
      color : red;
   }

在HTML中更改超链接的颜色

6 个答案: