如何如显示的屏幕截图中那样更改悬停颜色？

Question

如何更改悬停颜色？

我需要动态更改悬停样式。我该如何像在this link中那样？

<style>
  #custom-bootstrap-menu.navbar .navbar-nav>li>a:hover,
  {
    background-color: {{mycolor}};
  }
</style>
<div class="col-6">
  Background color
  <input class="form-control" [value]="mycolor"
    [style.background]="mycolor" [(colorPicker)]="mycolor" />
</div>

Answer 1

推荐：- https://www.primefaces.org/primeng/#/colorpicker

1）使用Primeng-colorPicker

<p-colorPicker [(ngModel)]="color"></p-colorPicker>

在角度中使用Primeng：- https://www.primefaces.org/primeng/#/setup