title: Change the style of v-select on selection
body: <p>I am working with Vuetify library and I am trying to overwrite properties of v-select once the user makes a selection, namely change the color of the border, color of text and color of the down icon. Here's the code for my v-select component.</p>
  <pre><code>&lt;v-select
          :items=&quot;items&quot;
          :label=&quot;$t('select.label.all')&quot;
          :menu-props=&quot;{ offsetY: true }&quot;
           multiple
          rounded
          solo
         :style=&quot;getSelectedStyle.style&quot;
         @change=&quot;onChange&quot;
  &gt;&lt;/v-select&gt;
  </code></pre>
  <p>on getSelectedStyle, I check whether anything is selected and try to OVERRIDE the following styles in the computer method:</p>
  <pre><code>  getSelectedStyle() {
              let result = {
                  style: '',
              };
  
              if(this.selectedSkills){   
              result.style = `
                  .v-text-field.v-text-field--solo .v-input__control {
                      border: 1px solid #3E82F1 !important;
                  };
  
                  i.v-icon.v-icon {
                      color: #3E82F1 !important;
                  };
  
                  .v-select__selection--comma,
                  .v-select.v-text-field input {
                      color: #3E82F1 !important;
                  }
              `;
  
              return result;
          },
      },
  </code></pre>
  <p>Unfortunately, the style OVERRIDE using the computed method doesn't work. Any ideas?</p>