CODEWITHSUNDEEP
cssvue.jsvuetify.js
Raymundus
Raymundus

Reputation: 2452

Vuetify button custom css color not working

According to the docs the color attribute of a button can be set to a css hex value:

Applies specified color to the control - it can be the name of material color (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5))

However, the following adds a class #3b5998 but doesn't style it:

<v-btn color="#3b5998">Should be blue</v-btn>

Am I doing something wrong?

Upvotes: 0

Views: 2312

Answers (1)

Traxo
Traxo

Reputation: 19002

Update your vuetify version to ^1.2.0 and it should work.
Release notes:

Support for custom colors when using the color prop — color="#FFFFFF"

Of course be aware of other changes that update will introduce to your app.

Upvotes: 1

Related Questions