css - 在按钮单击时将 CSS 应用于特定的 div

Question

我正在尝试实现一个功能，其中 div 以某种颜色突出显示并且鼠标指针变为手形。我可以通过应用课程来做到这一点

.changePointer:hover {
    cursor: pointer;
    background-color: rgb(231, 222, 222);
}

它工作正常。

但我只想通过单击按钮来实现这一点。因此，在单击按钮时，如果我将鼠标悬停在 div 上，它会突出显示并获得手形光标。我正在使用 Angular 7。我尝试使用[ngClass]="{'someClass': highlightText}"并将其更改highlightText boolean为true但没有帮助。有什么建议么？

标签： cssangular

Answer 1

使用类如下，（active这里是类名）。

<div [class.active]="condition"></div>

除了css上课，:hover_active

.active:hover {
  background-color: red;
  cursor: pointer;
}

演示