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

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 选择器将是：&nbsp;&nbsp;.fb-btn.v-btn--outlined&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;thin&nbsp;solid&nbsp;#CCCCCC; &nbsp;&nbsp;}演示