Is it possible to make a background for the vuetify v-icon component and assign its color?

Question

Vue.js

Hello. There is a component <v-text-field></v-text-field>, it is inserted through the slot <v-icon></v-icon>with the inscription Email.

<v-text-field some_propses>
  <template v-slot:append>
    <v-icon>Email</v-icon>
  </template>
</v-text-field>

So, is it possible to somehow make the background color where this email inscription is? If so, how. Props colorchanges the color of the letters, but you also need a background

Answer 1

Man, have you heard about css?

Answer 2

If so, you

can try this

<template>

  <v-text-field some_propses>
    <template v-slot:append>
      <v-icon>Email</v-icon>
    </template>
  </v-text-field>

</template>

<script>
export default {
  data() {
    return {

    }
  }
}
</script>

<style>
.v-text-field > .v-input__control > .v-input__slot {
  background-color: green;
}
</style>