覆盖vuetify按钮的文字颜色

Question

如何覆盖工具栏中按钮文本的默认活动颜色：

Record.sol

我创建了此类以尝试覆盖它：

instanceOf

仅背景有效。如何修改CSS以更新按钮颜色？

这是呈现的html：

.getClass

Answer 1

v-btn--active是默认的活动类（可以使用active-class道具来更改）。

因此，我们可以定位活动类并修改CSS，如下所示：

.v-btn--active .v-btn__content { 
  color: red 
}  

请注意，我们需要使用深度选择器>>>：

>>> .v-btn--active .v-btn__content