无法改变vuetify按钮轮廓的颜色

Question

我在我的Nuxt应用程序中使用Vuetify。我有一个按钮，我想自定义它，借助一个类，我试图改变边框的颜色，但好像没有用。

我缺少什么？

<template>
  <div>
    <v-card class="py-5">      
      <v-btn depressed outlined class="fb-btn grey--text">
        Sign with Facebook
      </v-btn>
    </v-card>
  </div>
</template>
<style scoped>
  .fb-btn .v-btn--outlined {
    border: thin solid #CCCCCC;
  }
</style>

Answer 1

CSS选择器应该是:

  .fb-btn.v-btn--outlined {
    border: thin solid #CCCCCC;
  }

演示