Comment changer la couleur du texte d'un bouton Vuetify?
Peut-être qu'il me manque quelque chose d'évident, mais je ne peux pas trouver la bonne façon de changer la couleur du texte dans un v-btn. Cela fonctionne, mais devoir utiliser !important ne semble pas idéal:
.v-btn
color: red !important
La propriété color ne concerne que la couleur de fond, à ma connaissance. Et je suppose que je pourrais changer le thème primaire/secondaire en appelant Vue.use(Vuetify, { theme: {...}} ), mais que se passe-t-il si je veux remplacer un seul composant?
Il y a classes css pour colorier du texte n'importe où dans vuetify, ajoutez simplement --text à une couleur.
Ainsi par exemple
<v-btn class="red--text">
Cela devrait fonctionner également avec les couleurs définies dans votre thème, par exemple. primary--text et similaire.
Notez que ceci n'est pas spécifique à un v-btn, la classe devrait fonctionner n'importe où.