小编Ron*_*nki的帖子

假设我在我的 Vue 组件中添加了v-text-fieldVuetify 组件，例如

<v-text-field v-model="email"name="email" type="email" color="#90C143" label="Email">

当我检查该元素时，它会生成正常的 HTML，例如

<div class="v-input v-input--has-state theme--light v-text-field v-text-field--is-booted" style="">
      <div class="v-input__control">
        <div class="v-input__slot">
          <div class="v-text-field__slot">
            <label for="input-39" class="v-label theme--light" style="left: 0px; right: auto; position: absolute;">Email
            </label>
            <input name="email" id="input-39" type="email">
          </div>
          <div class="v-input__append-inner">
            <div class="v-input__icon v-input__icon--">
              <i role="button" class="v-icon notranslate v-icon--link material-icons theme--light" style="">                    
              </i>
            </div>
          </div>
        </div>
      </div>
    </div>

v-text-field如果我想在不影响功能的情况下自定义整个 CSS，我必须处理什么