как убрать стрелки в input в Vuetify

Когда я пишу внутри v-text-field type="number" появляются стрелки, не знаю как их убрать. Обычный css не помогает

Style

     /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

Сам v-text-field

<v-text-field
          label="Введите ваш ID код"
          ref="idCard"
          type="number"
          v-model="idCard"
          @input="$v.idCard.$touch()"
          @blur="$v.idCard.$touch()"
          :rules="[
            () => !!idCard || 'Это поле обязательно к заполнению',
            () =>
              (!!idCard && idCard.length <= 6) ||
              'Ваш id код не должен быть больше 6 символов',
          ]"
          counter="6"
          required
        ></v-text-field>