在Angular 6中更改侧边栏所选值的颜色

Question

我想更改侧边栏所选值的颜色。

模板

<div class="card c-setting">
  <div class="card-header" title="Data Loader"(click)="clickDataloader()">
  <a class="card-link" data-toggle="collapse" href="#collapseOne" >
     <span><i class="fa fa-cloud-upload" aria-hidden="true"></i></span>  
     <span>Data Loader</span>
  </a>
</div>

打字稿

 clickDataloader(){
   this.DataLoader = false
   this.setting = true
   this.userManagement = true
   this.header = "Data Loader"
 }

Answer 1

您可以通过在组件的.css文件中添加这些CSS代码来更改选定值的CSS。

/* unvisited value */
a:link {
 color: green;
}

/* visited value */
a:visited {
 color: green;
}

/* mouse over value */
a:hover {
 color: red;
}

/* selected value */
a:active {
 color: yellow;
}