css - 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;
}

我还尝试了其他几个选择器，例如 v-textarea、.v-textarea、v-text-field__slot 但这些都不起作用任何一个。文本区域的正确选择器是什么？

最佳答案

为了覆盖深层元素，您需要通过深层选择器访问该元素

::v-deep .v-textarea 文本区域

关于css - Vuetify 自定义样式的 vuetify 组件，如带有 css 的 v-textarea，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65447544/

相关文章：

css - Div 不是从容器顶部开始的