如何更改禁用组件的文本颜色

Question

我可以使用自定义类更改背景颜色，但不能更改保持灰色的文本颜色。

<v-list-tile slot="activator" class="static" :class="{'disable-events':disabled}" :disabled="item.disabled">
    <v-list-tile-title>{{ item.text }}</v-list-tile-title>
    <v-list-tile-action class="justify-end">
        <v-icon>play_arrow</v-icon>
    </v-list-tile-action>
</v-list-tile>

.disable-events {
    color: rgba(0,0,0,0)
    background-color: rgba(0, 0, 0, 0)
}

我正在尝试制作它，以便当您单击Source和Results菜单项时，上下文菜单不会关闭，因此我禁用了组件，并试图颜色与默认颜色相同。

Answer 1

您想要的css属性是“颜色”，而不是“ fontColor”

Answer 2

您的错误是fontColor不存在。改用颜色

.disable-events {
     color: your color;
}