javascriptvue.jsvuetify.js

How to change outline color v-text-field vuetify.js

Does someone knows how to change the outlined color of the v-text-field component. Click for the image

Solution

  • You can override the default style using deep selector. The original css is on the fieldset element, so you need to target that aswell.

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