无法更改虚拟按钮轮廓颜色

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;
  }

演示