小编Dan*_*iel的帖子

更改Vuetify表头的样式

我正在尝试更改 vuetify 表头的默认颜色。我设法使用下面的代码使用自定义类更改标头:

headers = [
    {
        text: "Metering Point",
        align: "start",
        sortable: true,
        value: "meteringpoint",
        class: "success--text title"
    },
]
Run Code Online (Sandbox Code Playgroud)

不幸的是,全选的复选框样式仍然是默认颜色。由于复选框的标题未在数组标题上声明,因此未使用自定义类进行声明。

以前我尝试使用以下代码在标签上覆盖它:

.v-data-table-header {
    background-color: grey;
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用。

如何声明复选框的类?或者有什么可能的方法让我覆盖默认样式?

css sass vue.js vuetify.js

1
推荐指数
1
解决办法
4857
查看次数

标签 统计

css ×1

sass ×1

vue.js ×1

vuetify.js ×1