我不明白为什么我的v-list无论我做什么都不会更新颜色。
这是我代码

<template>
  <v-app>
    <v-navigation-drawer  app>
      <div style="background-color: grey;" class="d-flex justify-center pa-4 ">
        Fichiers chargés
      </div>

      <div class="d-flex flex-column ">
        <v-btn prepend-icon="mdi-folder" class="mt-4 mb-2 mx-auto text-black bg-green hidden-sm-and-down"
          plain>Parcourir
          ..</v-btn>
        <v-checkbox class="mx-auto" label="Ajout auto. en base"></v-checkbox>
      </div>
      <v-divider></v-divider>
      <v-list class="my-list" color="primary"  >
        <v-list-tile v-for=" f in fichiers">
          
            <v-card-text class=" mx-5 px-5 bg-red">
              {{ f.nom }}
            </v-card-text>
        </v-list-tile>
        <v-divider></v-divider>
        <v-list-item style="width: 0100%;">
          <div style="text-align: center;">
            {{ fichiers.length }} Fichiers Chargés
          </div>
        </v-list-item>
      </v-list>

    </v-navigation-drawer>

  </v-app>
</template>

<style>
  .my-list {
    background-color: red;
  }
</style>

<script setup>
let fichiers = [
  {
    nom: "Fichier1",
    taille: "2ko",
    contenu: "jhbjm",
    etat: [],
  }
]

</script>

在我的devtools中，我可以看到v-list占用了bg-transparent。我尝试了所有方法来强制它，但是没有任何效果
对不起，我英语很差XD