Search code examples
vue.jsvuetify.jsvuejs3vuetifyjs3

Vuetify 3 text color not changing after set bg-color


I'm trying to set both bg-color and also text-white to a simple button, but once background color is set, there's no way I can change text color without creating a class and define the color as !important

<v-btn flat class="bg-pink text-white">
  <v-icon color="white">mdi-email</v-icon>
  <span>Click</span>
</v-btn>

The following link shows the code result screenshot

Click to check code result

What am I doing wrong?


Solution

  • As suggested by Rohìt Jíndal I changed the version to [email protected] and the problem was solved. Probably it was one of the many fixes they did.