时间戳

首页 > 解决方案 > 如何更改悬停颜色，如显示的屏幕截图所示？

angular - 如何更改悬停颜色，如显示的屏幕截图所示？

问题描述

如何更改悬停颜色？

在此处输入图像描述

我需要动态更改悬停样式。我怎样才能在这个链接中做到这一点？

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

标签： angular

解决方案

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

1）使用Primeng-colorPicker

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

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

推荐阅读