如何更改轮廓颜色 v-text-field vuetify.js

Question

有人知道如何更改 v-text-field 组件的轮廓颜色。 点击图片

Answer 1

您可以使用深度选择器覆盖默认样式。原始 css 位于fieldset元素上，因此您还需要定位该元素。

<style scoped>
.v-text-field--outlined >>> fieldset {
  border-color: rgba(192, 0, 250, 0.986);
}
</style>