Vuejs2 如何在使用Vuetify v.1.5的项目中仅覆盖Vuetifyjs v.2中的一种样式

Vuejs2 如何在使用Vuetify v.1.5的项目中仅覆盖Vuetifyjs v.2中的一种样式,vuejs2,vuetify.js,nuxt.js,Vuejs2,Vuetify.js,Nuxt.js,我有一个使用Vuetify v1.5的Nuxt项目。但是现在,我想在不升级整个Vuetify模块的情况下,为Vuetify v2中的v-text-field使用“概述”css。在中找到轮廓样式对我来说是压倒性的。有什么建议可以找到具体的风格,并在我目前的项目中使用它吗 由于Vuetify v.1.5(),此样式在我的项目中有效: 由于Vuetify v.2(),此样式在我的项目中有效: 我的目的是用outline覆盖outline样式,但我不知道如何覆盖它,因为我在Vuetify v.2

我有一个使用Vuetify v1.5的Nuxt项目。但是现在,我想在不升级整个Vuetify模块的情况下,为Vuetify v2中的v-text-field使用“概述”css。在中找到轮廓样式对我来说是压倒性的。有什么建议可以找到具体的风格,并在我目前的项目中使用它吗

由于Vuetify v.1.5(),此样式在我的项目中有效:


由于Vuetify v.2(),此样式在我的项目中有效:



我的目的是用outline覆盖outline样式,但我不知道如何覆盖它,因为我在Vuetify v.2中找不到outline的特定样式。

您可以覆盖或添加任何样式。但是,如果样式块标记了scoped,则无法执行此操作。 尝试使用所选类的完整路径,因为这些框架(如bootstrap或vuetify)使用!重要的,并覆盖它不是那么容易。
如果您可以添加一些代码行,那就太好了

我刚刚发现这是不可能的,这要感谢()中充满活力的Vuetify社区

<v-text-field outline label="name"></v-text-field>
<v-text-field outlined label="name"></v-text-field>