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