如何更改/覆盖Vuetify js中禁用字段的默认颜色?

我一直在尝试用文本字段重写类,但它不起作用,但对于所有表单输入元素,都有一个名为“readonly”的便利道具。使用“readonly”而不是“disabled”。

<v-textarea placeholder="Notes" :readonly="true"></v-textarea>
<v-select :items="['Mango', 'Apple']" label="Filled style" :readonly="true"></v-select>

你可以瞄准

带有的复选框 .input-group--disabled.checkbox .input-group__input

和下拉列表 .input-group--disabled.input-group--select label

.input-group--disabled.checkbox .input-group__input {
    color: #000 !important;
}

.input-group--disabled.input-group--select label {
    color: #000 !important;
}

[class$="--disabled"],
[class*="--disabled "] * {
    color: #000 !important; 
}

选择所有子体并应用颜色。

.input-group__input *
  color: rgba(0,0,0,0.87) !important