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>