无法更改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;
  }

Demo