Vue.js Vuetify大纲标签在最新更新后看起来很奇怪

我目前使用的是2.5，我列出的所有字段现在的标签都太靠近顶部：

显然，原因是以下代码：

.v-text-field--outlined .v-label--active {
transform: translateY(-24px) scale(.75);}

如果我使用chrome工具禁用该功能，则将使用以下CSS，使标签看起来正常：

.v-text-field .v-label--active {
    max-width: 133%;
    transform: translateY(-18px) scale(.75);
    pointer-events: auto;
}

我只是想了解是否支持我指定任何特殊属性：

 <v-col cols="12" sm="8" class="text-center">
     <ValidationProvider vid="company_cif" name=" " rules="required|max:20" v-slot="{ errors, valid }">
        <v-text-field v-model="current.company.tin" maxlength="20" :label="$t('company.tin')" outlined append-icon="mdi-passport" persistent-hint :error-messages="errors" :readonly="!rights" @change="passes(updateCompanyCheck)"></v-text-field>
     </ValidationProvider>
 </v-col>

实际上，活动标签应该与上边框重叠。一直都是这样。也许你定制了它，现在它们的更新与你的css规则冲突了？真的吗？我一直在寻找我的自定义css，但在@IgorMoraru那里看不到任何规则-第一个看起来对你合适吗？在本例中，melook认为顶部完全没有填充看起来很奇怪：。看起来您没有任何输入（同样适用于vuetify站点上的示例）。在活动状态下，标签与边框重叠（有点像与边框“内联”）。我没有其他解释，为什么在您的代码中它看起来不同（我不相信魔术：）使用DevTools中的computedtyles面板来确定该样式的来源。这可能是由你的应用程序自己的风格造成的。