How to change / override the default color for disabled fields in Vuetify js?

Question

By default vuetify applies light grey shade for disabled textfields/items. How i can override this color to the color i want?

currently i am using disabled selector :disabled { color: #000000 !important; } which only helps with changing the color of textfields text color, i also have Dropdown and checkboxes in my form. is there any solution for this?

Answer 1

I have been trying this with text fields to override class and it's not working, but there is a handy prop called 'readonly' for all the form input elements. Use 'readonly' instead of 'disabled'.

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