Vuetify自定义Vuetify组件的样式，如带有css的v-textarea

如何使用css定位vuetify v-textarea的底层html textarea？在我的例子中，我想更改v-textarea的行高、字体系列、颜色等。它不是这样工作的：

<v-textarea class="custom-textarea"></v-textarea>

.custom-textarea {
  line-height: 1;
  color: red;
}

.自定义文本区{
线高：1；
颜色：红色；
}

我还尝试了其他几种选择器，如

v-textarea

，

.v-textarea

，

v-text-field\uu-slot

，但它们都不起作用。textarea的正确选择器是什么？

。自定义textarea textarea{
线高：1；
颜色：红色；
}

设置

id

文本区域的属性，并按id应用css样式。

#输入-7-2{
颜色：白色；
背景颜色：绿色；
线高：1；
}

---

要覆盖深度元素，您需要通过深度选择器访问该元素，如

：：v-deep.v-textarea textarea

---

这对我不起作用。这对我不起作用。