Is there a way to style the underlying html textarea of a vuetify v-textarea using CSS? I'm trying to customize the line height, font family, color, and more of the v-textarea component. Simply adding a class to it doesn't seem to work:
<v-textarea class="custom-textarea"></v-textarea>
.custom-textarea {
line-height: 1;
color: red;
}
I've experimented with different selectors such as v-textarea
, .v-textarea
, v-text-field__slot
, but none of them have yielded the desired results. What is the correct selector for targeting the textarea within v-textarea?