Kendo 网格面板的悬停颜色

Question

<kendo-panelbar class="mb-4">
    <kendo-panelbar-item [title]="null">
      <ng-template kendoPanelBarItemTitle>
        <h4 class="d-inlin">
          Details
        </h4>
</ng-template>
</kendo-panelbar-item>
  </kendo-panelbar>

我有一个 kendo 面板栏，其背景为蓝色，在高亮显示时颜色变为红色。我怎样才能确保即使在悬停时颜色也保持蓝色

我尝试实施 viewencapsulation，但它将背景从蓝色更改为 red.So 悬停和背景都是 red.But 我在 blue.How 中都需要，我可以修改吗？下面的css类是用来改background.But我需要一些东西来改悬停颜色

.k-panelbar > .k-item > .k-link.k-state-selected {
  background-color : #ff6358;
}

Answer 1

.k-panelbar > .k-item > .k-link.k-state-selected {
  background-color : #0000ff;
}

.k-panelbar > .k-item > .k-link.k-state-selected:hover {
  background-color : #0000ff;
}

这对你有用吗？如果某些东西仍然胜过您的 css，您可以添加 !important，但只有在必须时才应尝试这样做。

Kendo 网格面板的悬停颜色

Hovering color of Kendo grid panel

kendo-ui

kendo-grid

angular