Когда я пишу внутри 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>
type="number"
использоватьinputmode
. Тут подробнее developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/…inputmode="numeric"
?