你可以使用深度选择器覆盖默认样式，原来的css在fieldset元素上，所以你也需要把它作为目标。

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

您可以像下面这样使用color attribute：

<v-text-field
   label="Your landing page"
    hint="www.example.com/page"
    persistent-hint
    outlined
    color="red"
></v-text-field>

如果要使用SASS变量，请按如下方式自定义灯光主题：

// Your custom main.scss

$material-light: (
  'text-fields': (
    'outlined': rgba(0,0,0, 0.19),
  ),
);

可以像这样覆盖@vuetify/src/styles/settings/_light.scss中的所有变量。

谢谢Mohammad Hosseini，这是唯一正确的答案

.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)
> .v-input__control
> .v-input__slot
fieldset {
color: rgba(169, 169, 169, 0.33);}

.v-application .transparent {  
     border-color: black !important;
}

试试这个。

您需要在样式节中创建一个与CSS样式相关的文件，并将其命名为Override。在该文件中，您可以进行任何所需的更改。将以下代码放入该文件中，您可以更改边框的颜色：

.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)
    > .v-input__control
    > .v-input__slot
    fieldset {
    color: rgba(169, 169, 169, 0.33);
  }