When I write inside the V-TEXT-FIELD Type = “Number” appear arrows, I do not know how to remove them. Normal CSS does not help
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 itself
& lt; v-text-field
label = "Enter your ID code"
REF = "IDCARD"
Type = "Number"
V-model = "IDCard"
@Input = "$ v.idcard. $ Touch ()"
@Blur = "$ v.idcard. $ Touch ()"
: rules = "[
() = & gt; !! IDCard || 'This field is required',
() = & gt;
(!! IDCARD & AMP; & AMP; IDCARD.LENGTH & LT; = 6) ||
'Your ID code should not be more than 6 characters',
] "
Counter = "6"
Required.
& gt; & lt; / v-text-field & gt;
Answer 1
Props just in app.vue
/ * chrome, safari, edge, opera * /
Input :: - WebKit-Outer-Spin-Button,
Input :: - WebKit-Inner-Spin-Button {
-Webkit-Appearance: None;
margin: 0;
}