剑道网格面板的悬浮颜色

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，但是将背景从蓝色更改为红色。因此，悬停和背景红色，但是我都需要蓝色。如何修改呢？下面的css类用于更改背景。但是我需要一些更改悬停颜色的选项

.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，但只有在必须的情况下，才应尝试这样做。