vuetify.js - 如何更改 V-Data-Table 页脚的默认样式？

Question

我遇到了一个问题，我无法在v-data-table. 出于某种原因，启用时分页按钮显示为白色，禁用时显示为浅灰色（禁用分页）。我已经仔细检查以确保它不是主题问题。

我的问题是：如何更改 v-data-table 中默认分页图标的颜色？更广泛地说，有什么方法可以找到 vuetify 元素的类名，这样我以后就可以避免问这些类型的问题。

谢谢。

如果我的描述足够清楚，这里有几个屏幕截图。

根据 Varun 的要求，这是我对 a 的声明之一v-data-table。

<v-data-table
 :headers="headers"
 :items="tickets"
 item-key="ticketId"
 class="red--text"
></v-data-table>

结果：

使用 text-coloring 类的建议不起作用，因为它只是将表格中的所有文本变为红色，但没有更改图标。有没有办法直接编辑图标的CSS？

标签： vuetify.js

Answer 1

你能分享一下代码吗？通常 v-data-table 中默认分页图标的颜色在启用时为黑色，在禁用时为灰色。您可以class="<color>--text"根据自己的喜好更改文本和启用的图标颜色