Vue.js Vue AppBar按钮具有背景色

我使用以下代码为AppBar编写了以下代码：

mdi视图标题
{{$t（'appBar.products'）}
{{$t（'appBar.services'）}
{{$t（'appBar.news'）}
{{$t（'appBar.blogs'）}
{{$t（'appBar.about'）}
{{$t（'appBar.help'）}
{{$t（'appBar.contact us'）}

但是，导航栏按钮始终具有背景色

---

如何修复此问题？

请添加类似于此的代码笔示例请添加类似于此的代码笔示例

<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">

    <nav>
        <v-app-bar app>

            <v-btn v-if="$vuetify.breakpoint.smAndDown" @click="openDrawer = !openDrawer" text icon>
                <v-icon>mdi-view-headline</v-icon>
            </v-btn>
            <v-btn v-else :to="{name: 'home'}" text color="primary" class="ml-3" icon>
                <!-- Logo -->
                <img height="48"
                     :src="require('@/assets/logo.svg')"
                     alt="Manassa Logo"/>
            </v-btn>

            <div v-if="$vuetify.breakpoint.mdAndUp" class="mx-6"></div>

            <v-toolbar-items v-if="$vuetify.breakpoint.mdAndUp">
                <v-btn :to="{name: 'products'}" text color="primary">{{ $t('appBar.products') }}</v-btn>
                <v-btn :to="{name: 'services'}" text color="primary">{{ $t('appBar.services') }}</v-btn>
                <v-btn :to="{name: 'news'}" text color="primary">{{ $t('appBar.news')}}</v-btn>
                <v-btn :to="{name: 'blogs'}" text color="primary">{{ $t('appBar.blogs')}}</v-btn>
                <v-btn :to="{name: 'about'}" text color="primary">{{ $t('appBar.about')}}</v-btn>
                <v-btn :to="{name: 'help'}" text color="primary">{{ $t('appBar.help')}}</v-btn>
                <v-btn :to="{name: 'contact-us'}" text color="primary">{{ $t('appBar.contact-us')}}</v-btn>
            </v-toolbar-items>

        </v-app-bar>

    </nav>

</template>