设置v-icon的颜色很简单:
<v-icon color="red">home</v-icon>
然而，我有问题格式化禁用图标。没有特定于禁用状态的v-icons属性，所以我们似乎必须求助于css选择器。例如，为了设置不透明度，可以使用css选择器:
:disabled { opacity: 40%; }
然而，要覆盖图标的颜色，似乎我必须诉诸一些非常具体的东西，比如使用!important
.application--light .icon.icon--disabled { color: blue!important; }
看一个例子。是否有办法设置禁用的v-icon的颜色与v-icon的属性，或与一个更简单的选择器，而不使用!重要?
默认情况下，Vuetify不允许大多数组件使用CSS样式，包括v-icon，这就是为什么你应该添加!important来覆盖Vuetify设置的默认样式。
但是，您可以创建一个外部.js文件自定义Vuetify的颜色。
我建议阅读由Vuetify提供的主题配置文档:
https://vuetifyjs.com/en/features/theme/定制