Css 如何更改Vuetify组件的错误颜色？

我正在尝试调整组合框中错误消息的颜色。我试图覆盖我看到的应用风格，但它就是不坚持。我看到在Vuetify中应用样式的正常方法是向组件添加[color]——文本，但是我需要做什么来设置错误样式呢

<style>
.error--text {
    color:rgb(0, 0, 0) !important;
    caret-color: rgb(2, 0, 0) !important;
}
</style>

.错误--文本{
颜色：rgb（0，0，0）！重要；
插入符号颜色：rgb（2，0，0）！重要；
}

编辑： 以下是对该问题的详细说明

将任意类添加到组件（例如，

应用程序组合框

）：

---

我将Nuxt与Vuetify模块一起使用。我刚刚更新了nuxt.config.js中的错误颜色，所有这些对我来说都很好。
您的方法有什么问题（除了使用全局样式，但通过设置id/class或使用范围样式很容易解决）？你能在代码笔上复制吗？
.app-combobox.error--text,
.app-combobox .error--text {
  color: rgb(0, 0, 0) !important;
  caret-color: rgb(2, 0, 0) !important;
}