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

Question

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

标签： javascriptvue.jsvuetify.js

Answer 1

您可以使用深度选择器覆盖默认样式。原始的 css 在fieldset元素上，所以你也需要定位它。

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