我该如何阅读？此V-TAB正在创建一个按钮并设置其属性，但是这些属性中的哪一个负责文本颜色？

Question

v-tab下面给出的V-app-bar上创建此按钮（右一个）

<v-tab
                :to="'/demo'"
                active-class="text--primary"
                class="
                  font-weight-bold
                  white--text
                  v-btn v-btn--depressed v-btn--flat v-btn--outlined
                  theme--dark
                  deep-purple--text
                  text--accent-4
                  mx-1
                  my-2
                "
                min-width="96"
                text
                >{{ $i18n.t("Registration") }}
              </v-tab>
              <v-tab :to="'/registration'"> </v-tab>

我的意思是问我如何读取[ class =“” v-tab的]，哪些属性负责V-BTN和文本颜色的背景颜色。

我了解的 v-btn-- outline创建一个概述的按钮，v-btn - flat flat flat或yound，mx1和my-2边距。

什么white-text，theme-dark，text - accent-4，deep-purple-- teep-purple-- text 在做？ 而且，如果我想将按钮更改为

<v-btn
                      outlined
                      color="#0e2672"
                      elevation="2"
                      dark
                      large
                      @click="login"
                      :loading="loading"
                      >{{ $i18n.t("Demo") }}</v-btn
                    >

“ V-TAB”部分中的哪些更改？而且，我也喜欢获得任何可以帮助我理解所有这些的参考材料。

Answer 1

背景信息＆amp;资源

许多开发人员今天使用“实用程序类” - 根据类名称自动设置样式的库（更多）。

如何知道哪一个影响背景

也是如此。
要知道哪个类属性生成按钮颜色，您都可以：

1. 检查此类的样式表。
2. 或查看样式库文档（在HTML页面的顶部查找以了解其是哪个库的链接）
3. 或生成演示div并将类附加到其上，以查看每个类别如何反应/逐渐从您的元素中删除类。

据我所能帮助您查看整个代码（也许给出了一些链接）。尽管有时通用答案会更好，因为我们可以从中学到更多。希望这很有帮助。

我的猜测是：主题 - 暗销是唯一影响颜色的人。

要更改背景

颜色您可以：

1. 尝试根据此库添加一些类
2. ，或者简单地使用：style =“ background-color：skyblue”在此V-TAB元素中。